asked on

IE7, Moz, FF looks great, IE6 not. Xhtml strict doctype

On the site w w w dot plungjan dot name

Using XHTML glish 3 column css plus a vertical menu - looks great except in IE6 where the vertical menu messes with the left margin on the center content.

Also I cannot for my life give my banner more height

Thanks for your assistance

Michel

ASKER CERTIFIED SOLUTION

xberry

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Michel Plungjan

ASKER

Drat! Yes I see the 20 pixels too for IE6 only

I do not want to change the server to serve xhtml headers

So you suggest not to use xhtml at all and see what happens?

Or perhaps mail Glish who actually has both the css for the page markup AND the css for the pretty vertical menu that messes it up...

SOLUTION

Jezcentral

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION

Jezcentral

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Michel Plungjan

ASKER

I was convinced that glish was THE preferred way for 3 column setup - so thanks for telling me this.
I guess alistapart would have a better one then...

The center column is not fixed width and that is how I want it

Michel Plungjan

ASKER

So I tried
http://www.alistapart.com/articles/holygrail

but that is not super when resized - the left column disappears in IE6 when resizing from bottom and the right column drops when resizing to narrow in FF...

Is there a better one out there?

SOLUTION

Jezcentral

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Michel Plungjan

ASKER

Here is a version of my about page using the listapart version

www dot plungjan dot name slash about_broken dot html

It is ALMOST ok online, IE6 again does not like the vertical menu

I have a reload onresize to handle the disappearing left part for IE.

If you can clearfix it or such then I would be very happy

I have some mistake or misunderstanding where the left part is not flush against the left edge and the left part overlaps the center by 5 px or so...

SOLUTION

Jezcentral

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

xberry

http://validator.w3.org/

Jezcentral

Sorry, left out "float: left;" from the centercontent style, the ideal solution should be:

<div class="clearfix">
<div id="leftcontent" style="float: left;"></div>
<div id="centercontent" style="float: left; margin: 0;"></div>
<div id="rightcontent" style="float: right;"></div>
<div style="clear: both;"></div>
</div>

Michel Plungjan

ASKER

@xberry: The page itself has a direct link to the validtor...

JezCentral: I am not sure what you are posting - a complete solution?
E.g. just replace all my code with
<div class="clearfix">
<div id="leftcontent" style="float: left;"></div>
<div id="centercontent" style="float: left; margin: 0;"></div>
<div id="rightcontent" style="float: right;"></div>
<div style="clear: both;"></div>
</div>
?

Because I want
1. a header
2. 3 columns left 200px, right:200px, center rest of the screen
3. a footer.

If I take your code and add the above widths, it does not work

Michel Plungjan

ASKER

Ok guys - I have changed the whole thing to code I got from TANFA

Have a look at my homepage and feel free to comment

Michel