IE6 CSS Hinky-ness

[JackWolfgang]

I don't know what I have done, but for some reason, the following page looks hinky in IE6 even though it looks fine in FF:

http://www.tristatecamp.org/working/TSCMenuTest.php

It's PHP'ed because the menu will be included in each page of the site, and the PHP code will highlight and display the appropriate parts of the menu. A sample of the menu being included is seen here:

http://www.tristatecamp.org/working/Template.php

The hinky part is that the line underneath the menu doesn't extend across the width of the page in IE.

Anyone have any ideas? It's based on the menu here:
http://css.maxdesign.com.au/listamatic2/horizontal05.htm

Thanks in Advance for any advice.

[David Gillaspey]

Hi Jack,

I don't think you are doing anything wrong. The same problem you're experiencing also occurs with the source doc you mention

http://css.maxdesign.com.au/listamatic2/horizontal05.htm

If they can't get it to work right, you may not want to waste your time on it.

But as to why it's happening, though I barely understand the CSS involved (you're way ahead of me on this one), I'd say the width = 100% attributes in the style sheet are simply being ignored by I.E. and some default width is being used instead.

As a test, try changing the width = 100% to some specific number, say "900," and see what happens.

Sincerely,

David Gillaspey
President
Great Church Websites

[JackWolfgang]

I see it minorly in IE6 with the original menu (both on their site and on my site at http://www.tristatecamp.org/working/includes/originalmenu.html). It looks like it loses 10 pixels or so from the right side of the bottom line.

However, in my version, it looks like about 100-150 pixels lost from the right side of the bottom line (http://www.tristatecamp.org/working/TSCMenuTest.php).

Although, right now, IE appears to not like any of my stylesheets (even though FireFox is).

[JackWolfgang]

But as to why it's happening, though I barely understand the CSS involved (you're way ahead of me on this one), I'd say the width = 100% attributes in the style sheet are simply being ignored by I.E. and some default width is being used instead.

I didn't come up with that CSS on my own, but I understood it enough to modify it to have my selector names and break some of the properties into component properties. Example

border: 3px solid #006600;

Is not as readable to me as:

border-color: #006600;
border-style: solid;
border-width: 3px;

But, I do now think I pretty well understand what it is doing.

[JackWolfgang]

Although, right now, IE appears to not like any of my stylesheets (even though FireFox is).

OK, apparently IE likes my CSS again.