Column Floats

[owatagal]

I'm playing around with a new site design, which uses two columns in a centered container. For some reason, I can't get the two columns to work in IE Mac. I don't have access to a PC right now, but usually if IE Mac messes up, so does IE Windows. I've been trying several different box layouts for hours, and I can't get the columsn to sit parallel--one keeps dropping below the other.

 

The relevant CSS is:

 

>body {
       text-align: center;
       }
#content {
clear: both; // because of a #nav issue
width: 650px;
background: #fff;
margin: 0 auto;
padding: 0;
}

#left {
width: 390px;
float: left;
}

#right {
width: 260px;
float: right;
}

 

I can't see *anything* in there that would cause the right-hand column to drop down below the left, but it keeps doing it. I hate IE.

 

The page I'm playing with is www.anothermuse.com/test.php

 

The full CSS is at www.anothermuse.com/styles/test.css

 

Any help/ideas/suggestions would be great. Everything I've tried has failed to work.

[TCH-RobertM]

Hi,

I am not sure I follow your issue or not but I did play with it some and this is what I see when I balance the headers out

 

 

looks ok to me on IE 6 windoze XP

[owatagal]

I'm not sure what the problem was, either. I tore the page down and rebuilt it, trying an entirely different approach to the syntax, and that seemed to solve it:

 

 

Robert, did you just add in extra headers (it looks like an extra H1 tag?)? I'd be interested in knowing what the HTML was that fixed the layout that way, because it might help me figure out where things were going wrong.

Edited April 3, 2005 by owatagal

[TCH-RobertM]

yes that is exactly what I added