owatagal Posted April 3, 2005 Posted April 3, 2005 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. Quote
TCH-RobertM Posted April 3, 2005 Posted April 3, 2005 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 Quote
owatagal Posted April 3, 2005 Author Posted April 3, 2005 (edited) 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 Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.