The problem is a footer on a web page that seem to not follow the correct flow like it does in FireFox. The problem feels like it is an Internet Explorer related bug, because the layout will “magically” snap into place when i move the mouse over the link “Legg til i handlelisten”. On pages where the “description” part of the page is longer then the left column, the footer displays correctly. From what I can gather the bug is only active in IE8 when its running in “IE8 Compatibility Mode” or “IE7 mode”. I am not able to recreate the bug when running IE6.
I was wondering if anyone is able to find a solution to this bug, maybe some CSS property I can set or a tag that needs modification.
These two images show the error and what its supposed to look like:
http://tinyurl.com/layout-error
http://tinyurl.com/layout-fixed
The page referred to is here: http://tinyurl.com/yb9h34d
Edit: Clear: both; doesnt seem to do anything to solve the problem.
Yes… it looks like a float-caused problem.
Try adding this line into your HTML, just before the footer:
I think it is expecting an item that clears the floats.