Hi, I am having some issues with div's in my lay out, in IE7 and Opera 7.5 looks fine, but in Firefox and IE8 looks a mess at the bottom of the page. What causes this, as I always have this issue. Site: http://www.coolbluenet.com Screen FF - http://www.coolbluenet.com/090221-171102-firefox-3.1-windows-xp-1cf0aeaf972b15d831199aeb78bcbb68.png Screen IE7 - http://www.coolbluenet.com/090221-171051-msie-7.0-windows-xp-e538e275c3f726113fb766dc2e7a8092.png http://browsershots.org/http://coolbluenet.com/ Thanks, Dean
Opera 7.5? What is this 2002? Before I even look at the source, I see your first mistake, you've completed the layout without testing across all browsers - so likely the answer is going to be chuck it and start over. It's rendering identical here in Opera 9.63 and 10 beta, FF 2 & 3 and Safari... I'm assuming what I'm seeing in IE7 is what you want... From that I can say that you have greatly overthought your markup. I see three div around your menu items that aren't even needed for anything, your technique for trying to make the menu span the width is inherently flawed given that you can't predict the sizes of fonts and kerning cross-browser, you've double wrapped stuff for no good reason... In the CSS I'm seeing widths declared in multiple places that should only need to be declared once, you may want to consider using a CSS reset at the start of your code, you are declaring values that are not only known not to work cross browser, but are generally shouldn't even be used (float:inherit, position:static, width:auto), and have used some column chicanery in the footer that frankly isn't needed for such a simple element. ... and 26 validation errors meaning you don't have HTML, you have gibberish - real fun since it's harder to even have errors in a tranny doctype given how permissive it is on outdated methodologies.
Thank you for your comments I have not really used div's much before. The footer is a tad complex I know. I have had a play around with the css now, it now seams to be displaying correctly, I think.