position relative problem in ie8

[james438]

Hi,

I am trying to create some sample borders for the page http://www.sovgraceopc.org/test2.php but as you can see it looks ok in every browser except ie8 where the tab flap Meeting Information" is too high in ie8. Any idea how to fix this?

[Deadweight]

<!--[if lt IE 8]>
.cssname {
same code just change the top position so it works.
}
<![endif]-->

That should be it. xD

This may help you a lot (http://www.positioniseverything.net/articles/ie7-dehacker.html)

[jscheuer1]

Sometimes using margin instead of relative positioning is more cross browser.

Like if you want:


.whatever {
position: relative;
top: -8px;
}

Sometimes:


.whatever {
margin-top: -8px;
}

works better. It's more reliable with positive values. But still often works well with negative.

Note: The number of pixels is not always equivalent. Like to get the same change in the layout as top: -8px; you might need margin-top: -6px; or -16px;, etc. . .

[james438]

I didn't know that px is not always the same. I thought the measurements were at least cross browser and attribute compatible. Ah, well.

I tried your suggestion jscheuer1, but it doesn't seem to be working in my case, so I am going with your suggestion Crazykld69in this situation. Thanks for the tips and info.