Problem with CSS layout in IE 6
Hi everyone,
I am somewhat of a novice at CSS, so I am hoping that this is actually something very simple that I have missed. Am having trouble with it though. On the link below, the image is supposed to be right at the top of the page, under the header. It displays correctly in IE 7 and also in Firefox. But when viewed in IE 6, there is a LARGE space above the main image and below the header. Any ideas what is causing this?
Here is the link:
http://www.figtreeideas.com/work/cfg0119/
Thanks!!!
Tim
twebb posted this at 20:28 — 26th January 2009.
They have: 7 posts
Joined: Sep 2008
I just figured this out myself...IE 6 apparently calculates the size of CSS boxes a little differently...so it was thinking there wasn't enough room to put the left side navigation and the image side by side even though they were technically sized correctly. It would just bump the image down below the bottom of the navigation because it though there wasn't enough room for it above.
Anyway, the link above now looks correct in IE 6, and not as I described above.
Tim
greg posted this at 21:31 — 26th January 2009.
He has: 1,581 posts
Joined: Nov 2005
Glad you got it sorted Tim.
Also, it's often better when you resolve something yourself, for satisfaction and helps you spot problems in the future!
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.