I'm trying to update a friend's website (art gallery) using some css to make it look a bit more elegant and less clunky than the rest of her site. The classes pages in css (what I've done) all work out great in PC Netscape 7, IE5, 5.5, Mac IE5, Mac Netscape 7 and Safari 1.0.2 but of course not in IE6 (PC ... not sure about Mac IE6 yet). I've been studying CSS on my own time (eric meyer's book) and have dabbled with other pages I'm in charge of for my work, but haven't gone all out with css until now, and it's not working. I checked out a site that explained if I left the top code blank - rather than stating what DOCTYPE I was using, IE6 would default to something rather than assuming something else. I have every intention of becoming an expert on CSS so when I write about it, I don't sound like an absolute dork, but in the meantime can anyone give me a few idears about what I might possibly do to render this page readable in IE6?
Here's the URL (and it's only the classes offered for Fall 2004):
Should I just put the code in here rather than having you check out a separate site?
Thanks in advance,
total disappearance in IE6
I don't know what advise that site was trying to give but it may have been attempting to explain what happens if you leave out the doc type
rather than advising you to actually do that, without a doctype a browser will not know how it's meant to render a page according to W3C specs and will fall back to 'quirks mode' where it makes a stab at laying things out. IE is difficult at the best of times without a doc type it's rendering in quirks mode and is unpredictable. Get a doc type in there pronto then see how things are fairing, If your using Eric Meyer's book I'd follow his advise over many others as he is a leading light in CSS.
kaboom in IE6
At first I did actually put in the DOCTYPE at the top of each page I re-did
and even changed it so that IE would use its "classic" rendering engine. It caused my page to not work. Then I took out the DOCTYPE altogether and it still doesn't work.
A screen shot of how I want the page to look (really simple
layout I thought) is attached here...
I guess in my last message I was trying to say that I had not yet become an expert on CSS though I have every intention...I'll comb throuhg the book an other helpful web sites, but in the mean time, if you've got a suggestion to get the page up, I would be most grateful.
total disappearance in IE6
I was urging you to get a valid doc type in place as most of the advise given here would probably relate to browsers rendering in standards mode , I know myself that I couldn't be sure of how IE behaves with rules in Quirks mode so it would be best to have as level a playing field as possible.
Off hand I can't see why IE is not showing the float box ; but it may be a better idea to play around with some different layouts maybe position relative on the menu and a wide left margin to accomodate the left hand text positioned absolute in a div as it stands the page breaks with smaller browser sizes wrapping the text underneath the float menu.
Don't know if any of that is any help but maybe Tony, Stu or one of the others will be along with a better idea.