3 replies [Last post]
statman2000
Offline
newbie
Last seen: 17 years 22 weeks ago
Joined: 2004-07-01
Posts: 6
Points: 0

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

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 days 5 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

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/

statman2000
Offline
newbie
Last seen: 17 years 22 weeks ago
Joined: 2004-07-01
Posts: 6
Points: 0

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

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 days 5 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

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