Thu, 2004-07-08 23:58
I am trying to make my site adhere to current CSS standards as much as possible. I've been learning a lot about CSS through many valuable web sites and lots of trial and error, copycatting, and code "stealing". I thought I had things worked out reasonably well with my site. It looks OK in IE 5.5, but not in IE 6.
I had thought if it was OK in 5.5 it would be fine in 6, so now I'm stumped as to what it is I've done wrong.
I'm trying to have a liquid, centered site with graduated shading on the sides without using the faux columns approach from A List Apart.
My site is:
http://www.twincitiesbiblechurch.org/index.asp
Ignore the garish colors. I did that to keep track of DIVs during development. I know I have to fix some offsets due to IE 5.5 quirks.
I've attached my index page and my css file.
The basic problem is I am having involves the DIVs that say "This is the left side" and "This is the right side". They are appropriately side by side in IE 5.5, but the right side is below the left side in IE 6.
Any help will be greatly appreciated!
Bruce
Fri, 2004-07-09 01:47
#1
Site check--floats, wrappers, IE5 and IE6
Hi statman2000,
IE pre 6 handels the box model like IE6 in quirks mode.
So if you page is in Standards Mode then IE6 and Browsers such as Opera, Firefox etc will handel widths pretty much the same but older browsers specially early win IE browsers will still get it wrong.
You will have to look at different ways to specify widths for those browsers.
One thing you could try is giving the floated boxes no margin or padding then having a inner box inside each of them with margin.
If you can't get that to work, here's a hack that might help http://centricle.com/ref/css/filters/tests/sbmh/
Sat, 2004-07-10 20:03
#2
Site check--floats, wrappers, IE5 and IE6
How do I know what mode I'm in? I entered this in my address bar:
javascript:alert(document.compatMode)
and got the message "CSS1Compat"
How does one get into Standards mode or Quirks mode?
Bruce
Sat, 2004-07-10 23:26
#3
Site check--floats, wrappers, IE5 and IE6
Hi statman2000,
"CSS1Compat" means the page is compatable with CSS1 or in other words is standards compliant.
Hope that helps