3 replies [Last post]
sheilerama
Offline
newbie
Last seen: 16 years 1 week ago
Joined: 2004-07-27
Posts: 2
Points: 0

Hi y'all,

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):
http://www.artandsoulgallery.ca/classes.html

Should I just put the code in here rather than having you check out a separate site?

Thanks in advance,
Sheiler

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

total disappearance in IE6

Hi there,
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.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

sheilerama
Offline
newbie
Last seen: 16 years 1 week ago
Joined: 2004-07-27
Posts: 2
Points: 0

kaboom in IE6

Hi,

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.

Sheiler

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me