www.actiniconline.co.uk/neis2004/
The above page was made using Dreamweaver MX 2004 and is fully xhtml and css compliant according to the w3c's online checks.
I've tested it in IE6 and it displays as i expected it to, however when i try it in my preferred browser, FireFox, it breaks totally! I was under the impression FireFox was exceptionally standards 'strict', so i was hoping that due to the xhtml/css being good, it'd show up fine.
are there any references for the differences between how the various handle css? and does anyone have time to have a quick look at what i've done and suggest why it might not be working?
Differences between IE6 and FireFox
Without looking into the detail of your css, it would appear to be due to the width of your page.
IE has stretched the page to fit but Firefox has wrapped the floating divs to fit 100% width.
Try specifying a body min-width for firefox.
Differences between IE6 and FireFox
thanks for the quick reply!
I tried messing with the body min-width, but it didnt appear to really change anything, so i tried max-width, which did effect the page, but not in the way it needed to! any other ideas?
Differences between IE6 and FireFox
add to css ~
body {min-width:1530px;}
and add to html ~
<div class="mainimage_home" id="mainimage"></div> <br clear="all" /> <!-- clears the left float --> <div class="bannerbox_bottom" id="lowerbanner"><br /><p>
Differences between IE6 and FireFox
worked like a charm, thanks very much!