Remove float:left; from .content
that will sort out your float drop, which is also apparent in IE7.
Your HTML will not validate because you have several <br> tags which should be
<br /> tags in the particular DOCTYPE you're using. I only checked "about" but
you should check all pages.
Instead of using a above your <div id="photo"> style #photo img { } with
appropriate margins to get your positioning exact and without spurious borders.
Regards,
Alan.
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus
----- Original Message -----
From: Jess Jacobs
To: [email protected]
Sent: Tuesday, April 22, 2008 4:23 PM
Subject: [css-d] IE 6 is butchering my pages.
Hi all,
A small troubleshooting problem that is driving me CRAZY:
http://www.akisma.com/design/carrot/
Renders fine in every other browser I've checked, but in IE6, the home
page renders fine, aside from a little bordering around the photo that
looks trashy (any suggestions?) but all the other pages get their main
content bounced out of the main div. Any ideas? I've validated,
checked doctypes, etc, but I'm not a master at this and I'm trying to
improve my browser-argument skills. Also, I haven't checked it in IE7
since I don't have a "unique" copy of windows (I develop on a mac), so
I'm not sure if it's being screwed over there, too.
Any help would appreciated, especially pointers to articles with a
rundown of IE problems in addition to this specific-case advice.
Thanks all!
Jess
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/