12-31-2009, 10:07 PM
Does anyone know why on this site: http://www.trinitynky.org
The text appears halfway down the page, only on IE7? It's fine in IE8, Firefox, and Safari. If I need to post any other details, please let me know.
12-31-2009, 11:46 PM
Your box model (http://www.w3.org/TR/CSS2/box.html) is off, drastically.
Your .content-repeat is 964px wide
You stuff 984px wide #content in there (margin/padding/border all count in figuring total width)
in #content you have 375px wide .sidebar
and 590px wide .content-left-holder
but the total available width inside #content is only 959px.
A good visual explanation would be to add a background color to #content.
Try this -
background: #f00 url(images/content.png) no-repeat;
Anyway, all that is contributing to the float drop your seeing in IE7. If you put different background colors on .content-left-holder and .sidebar , you can see how it's dropped.