I've finally got the perfect layout for IE and FF (offline)

uploaded FF/Netscape goes sprawling across the screen

[annej]

My goal is to have a heading across the top, a narrow left column and a wide right column. All this is centered on the screen.

I thought I had it perfect when I was working offline but online the left column no longer stays next to the right column. Instead it goes to the far left.

I hope someone can tell me what causes this and how to fix it.

My css follows.

.allcontent {
width:800px;
}

.heading{
width:640px;
background:#E1A09D;
float:right;
height: 120px;
}

.contentcenter {
background: #FFFFF0;
float:right;
width: 640px;
}

.sidecol {
width:160px;
float:left;
background:#A09FA6;
}

[Marshall]

Can you post your doctype and relevant HTML?

Marshall

[annej]

Well while I was taking out all the text and such so I could give you the basic HTML I found what I'd done wrong. So that is fixed for now.

Thanks for getting me to take a closer look. I'd been looking at it for so long and just didn't see it until the unrelated stuff was taken out.

Would there be any problem if I did all my CSS in uppercase? I think it would make it a lot easier for me to find mistakes.