I'm having browser problems with my site www.layoutsmart.com . If you load the page http://www.layoutsmart.com/christmas.htm in firefox it loads correctly, but in IE it pushes the contact tables down below the nav bar. I'm looking to get it looking the same in IE as firefox. Any help will be appreciated thanks.
Hmm thats strange. Well I'm running IE7 on 1024x768 and it looks like this. http://img96.imageshack.us/img96/8089/dpyy4.jpg Ok well if everything looks fine for you guys thread closed. Thanks for help.
You'd better go to w3c.org and carry out a validation of your website. And in future, test your website in FF and IE under different settings.
have a read of this http://www.webcredible.co.uk/user-friendly-resources/css/hacks-browser-detection.shtml do a work around for internet explorer users.
Gotcha, now I can duplicate the problem. When I looked, I had a screen res larger than 1024x768 but if I shrink my res down then I see the same problem. It looks like your spacing is too tight when being rendered by IE and it is pushing the elements down because they cannot fit in the space defined as the screen is too small. If I have a larger res and make my screen smaller, it does the same thing. If you want the page to display properly at 1024x768, you will need to examine the size and spacing of your elements as they do not currently fit and IE will not adjust the size to fit the elements, instead it moves the element down to the end of the div. -mnc