[SOLVED] Can someone please tell my why my style is stretching?

Can someone please tell my why my style stretching?

How come on here it measures 26px height
http://testblogty678.blogspot.com/

Here it’s 24px height?

<div style="display:block;width: 88px; height: 24px; cursor: pointer; background-color:#ffffff; color:#000000; 
border-left: 89px solid #00ffff;border-right: 89px solid #ff00ff;border-radius: 50px; "></div>

is it really 26px or is it 24px with 3px or 4px of white space below it?

Your style isn’t stretching. It is still just 24px tall as ordered.

Then how come it reads 26 on blogger?

And on jsfiddle it reads 24px

Why is it stretching, or, what is causing it to stretch?

Based on your observations, it looks like a peculiarity with Blogger, although I didn’t see it myself… I saw and measured 24px. It does look like the white space above the third, fourth, and fifth rows of square=thingys is shorter than desired in Blogger, so those last 3 rows are out of alignment.

Never mind, I forgot to reset zoom.

Just think of it as one of those serendipitous events that tells you that changes in font size will screw up the layout of the page.

1 Like

Back to this question now cause I can’t solve it, and it needs solving.

Go back to @coothead’s reply to that very question in another thread.

it didn’t do anything, you can see the code active on my page, it’s not doing anything, on either of the codes.

Don’t you see that I have it set here: http://testblogty678.blogspot.com/ Display block?

This is the very last thing, and then I’m done with it.

I’m looking at this, should I be looking at something else for a solution?
http://www.w3schools.com/cssref/pr_class_position.asp

You should not be considering position:absolute as any part of a solution to your box-things problems.

We have given you code that works perfectly, so it should be clear that nothing as pointless as absolute:positioning would be needed. You already have been given everything that you need several times over.

Did you hear me now?

1 Like

No, I cannot see any HTML or CSS. I have never used Blogspot before. It does not work well with Firefox with adblocker and noscript installed, so I fall back and view your stuff with Chrome.

1 Like

Line 1007 view page source. That’s the one in the middle.

I just posted the full code here too.

It looks like you posted the link to Blogspot again.

What part of English do you not understand?

I think I finally figured out how to read and troubleshoot this Blogstuff.

Learned something.

At least somebody’s getting something out of all of this…

3 Likes