[SOLVED]site broken in IE6[SOLVED]

[reidjazz]

I've got a site running on an Apache 2 server with PHP 4 and mysql 4. The url is http://www.denverjazzquartet.com. It appears to look fine in everything except IE 6. There it is completely broken...menu appears vertical (not horixontal), the sidebar content is out of alignment.

I'm not sure what I've done to screw it up so badly, but would appreciate anyone's advice.

Kind regards,
reidjazz

Well, I'm not finished yet, because I'm still learning!!!

Turns out my #content style was not floated left, causing it's contents to be pushed below the sidebar's contents.

Thanks for everyone's assistance!!!
reidjazz

[Nullig]

I think this may be your problem:

#middle {
float: left;
display: inline;
width: 656px;
height: auto; <---- change this to height: 1%;

Nullig

[reidjazz]

THANK YOU!! This at least fixes the menu problem...now on to the content in the left column being shifted down by the right column sidebar. I think this must be some box model problem, but any advice is surely appreciated!

Best,
reidjazz

[heatherfeuer]

I think you're right about the box model being the problem.  Check your widths.  I had the same problem with one template because some of the widths were fixed and some were fluid.  I ended up having to find a width small enough to work in all browsers and then gradually increase the flex width amounts until I reach a max possible width.  You may have to do that with the left (content) column.

[moorezilla]

Your signature is not standards-compliant.

"When your finished learning, your finished"

should be

"When you're finished learning, you're finished."

[reidjazz]

Your signature is not standards-compliant.

"When your finished learning, your finished"

should be

"When you're finished learning, you're finished."

How embarassing!! Thanks...

[Nullig]

I notice that your sidebar divs have multiple heights and widths, which may cause some problems.

Nullig

[reidjazz]

Well, I went back to an old style sheet (from when I first built this as a static site...not in CMSMS). It looks great in all browsers when it is a static site. But something about bringing the CSS into CMSMS is messing up IE 6 rendering.

If you'll notice that all pages use the same template. The first page looks great...text on the left column is NOT shifted down; all the other pages have the left column shifted down below the sidebar content. I'm at my wits end trying to figure out what makes those pages different than the first. It seems like it's not the sidebar. or the first page wouldn't be rendering correctly.

Help!!!!!

[Nullig]

You could try changing the height in the .hascontent class.

.hascontent {
height: 1%; between sidebar and content.

Also, there's no style applied to the div that contains your list of links in the sidebar - perhaps this one is causing the problem.

Nullig

[reidjazz]

Nullig:

Thank you for the suggesition. Howver, tried both of these to no avail...also, I think I was mistaken earlier when I said that page 1 was rendering correctly...the content still gets pushed below the sidebar stuff.

arggh!!!

[Nullig]

In my experience, I've seen 3 different fixes for IE to render these things correctly:

- the total width of divs, padding, margins, borders, etc. across the screen is at/over the total width of the container
- the height is not specified for one of the adjacent divs
- missing clear: both; between divs

One of these has got to be the correct one...

Nullig

[Nullig]

Just looked at your code and CSS again and I noticed this on the home page:

img.large {
width: 452px;
margin-left: 11px;
}

This totals 463px, which appears to be greater than the 455px of the container.

The sidebar on the bio page appears out of line.

Why don't you try widening the overall container by 20px or so and see what happens?

Nullig

[reidjazz]

Yes, I'll look this over more carefully...I appreciate your "2nd pair of eyes"...always a good thing!

Best,
reidjazz

[Nullig]

What did you do to get it to work properly?

Nullig

[reidjazz]

The #content div was not floated left, which caused it to be pushed below the sidebar stuff...