Click to See Complete Forum and Search --> : Firefox / Opera / IE XHTML Transitional 1.0


bdsimon
12-19-2006, 02:18 PM
Hi all. I am trying to put a site up that is XHTML Transitional 1.0 compliant. The HTML and CSS both validate (using W3C validators), but Firefox and Opera both show the page differently than desired.

You can see the site at: http://test.gzrv.com/. The home page is the first of several pages that do not appear as I would expect them in Firefox. IE 7.0 is fine.

Here is the current list of pages that do not appear correctly:
http://test.gzrv.com/Default.aspx
http://test.gzrv.com/AboutUs.aspx
http://test.gzrv.com/ChassisFreightlinerM2.aspx
http://test.gzrv.com/ChassisFreightlinerColumbia.aspx
http://test.gzrv.com/ChassisFreightlinerCoronado.aspx

I would like to know what I need to do to make Firefox, Opera, and IE look correctly (IE currently looks the way I want the site to look).

Thanks in advance.
Brad

sticks464
12-19-2006, 04:07 PM
Remove Float:none and position:inherit from .contentbottom in your stylesheet.

bdsimon
12-19-2006, 07:29 PM
Monsterous Advance! That bottom section is offset still just a little bit in Firefox / Opera. Any thoughts?

Stephen Philbin
12-21-2006, 12:35 PM
I haven't actually looked at yer pages (the only reason I'm even looking at this thread is because I'm doing a quick sweep of the forums to tidy up a bit and found your other thread in accessibility is now redundant and is about to be removed), but I thought I'd just drop a little hint that by the sounds of it, might help your "little ofset". IE buggers up the CSS box model which can cause sizing differences of wildy varying degrees in elements of your pages. I tend to get round the problem by only ever using padding and avoiding the use of margins as much as possible (I prefer never). You'll probably find lots of useful information at http://www.alistapart.com/ by putting something like "IE box model" in their site search feature.