PDA

View Full Version : Browser Compatibility Issues



icu222much
15 Jun 2008, 09:20 PM
I have started to create a simple website. The website seems to work in Opera. However, when I open it with IE and Firefox, everything seems to become funny - especially the menu bar. Is there something really wrong with my coding?

The URL:
http://www.sfu.ca/~jca41/stuph/rysa/websiteTwo/template3.html

Wickham
16 Jun 2008, 02:13 AM
I can't see much of a problem except that there is a gap in the side borders above the footer in IE7.

This is because you have used a dummy #footer div there which has a line-height and shows the space as a gap. You shouldn't use an id twice on a page, so I used a separate clearer div with no line-height which forms an invisible barrier below the floated divs above:-

</div><!-- rightSide ends here -->

<!--<div id="footer"></div>deleted--> <!--dummy footer ends here -->

<div style="clear: both; width: 100%; height: 0; line-height: 0;
font-size: 0;">&nbsp;</div>

</div><!-- content ends here -->