Jump to content

Column Floats


Recommended Posts

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.

Link to comment
Share on other sites

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 by owatagal
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...