Hello, I am working on at CSS layout at the moment. It works fine in Explore - but not in Firefox. Link: http://www.nielsen78.dk/css3 Any ideas
IE grows div's with fixed height if there's more content than the div can fit. Other browsers don't (it's consistent with the CSS specification) and will render content similar to what you see. Removing the height usually helps to fix this problem (it will introduce another when if your content is too short, the page will look collapsed at the top). Also, keep in mind that IE doesn't support min-height, which would be the ideal solution in this case. Try experimenting with height set to 100% for some of the div's. J.D.
draculus: "clear: left;" works fine - thanks. But then my background image in 'wrap2' disappears in Firefox (still ok in Explorer). HTML: http://www.nielsen78.dk/css5/index.htm CSS: http://www.nielsen78.dk/css5/style.htm Any ideas?
Now I almost have it...the only problem is, that the border above 'content' and 'submenu' is 6px while the border at the bottom only is 2px - both should be 4px. HTML: http://www.nielsen78.dk/css7 CSS: http://www.nielsen78.dk/css7/style.htm
Now it has been fixed. Just had to adjust the borders a bit - thanks for helping. Result: http://www.nielsen78.dk/css8 ...and it works in Explorer, Firefox and Opera.