[Vicky]

Hi, this is another really basic question. The answer must be staring me in the face, and although I've been convinced I've missed closing a <div> or a made an error in my css, I just can't find it.

I have been working on a page which just requires a very simple float for the left hand column. It works in IE, but in Firefox the column is indented. Removing the column means that the rest of the page layout is fine (it's just missing the column). So I'm totally flummoxed. The relevant css is:

#left {
float:left;
width: 273px;
background:url(../images/left_bk.gif) no-repeat;
margin: 73px 0 0 0;
padding:10px 9px 0 9px;
}

The page is here: http://www.azuremark.../web/about1.php

I would be so grateful if anyone was able to spot where i may have gone wrong - it's driving me nuts!

Many thanks

Vicky

[Thomas Thomassen]

Firefox renders the same as Opera and Safari.

I'm guessing you're relying on some quirky IE behaviour. That's why I always test IE last and use conditional comments to correct it.
IE might have the biggest market share, but that doesn't help when you want to make a cross browser design. Then you need to code for the majority of browsers that renders to the specs.

[Vicky]

THanks Thomas. Ironically, I was designing for Firefox, but it's just that I also checked it in IE. I haven't added any quirks to make it perform better in IE - it should just be a simple column, but I've clearly just missed something and I can't spot what. I've played around with so many different variations - removing margins etc, but none of them make any difference and I'm really stumped.

Thanks for taking a look anyway.

All the best

Vicky

[Dizi]

clear:both;


add that into your #left, that will fix the problem. From what I can tell it is because of the header and using this tag will help solve the problem

[Dizi]

although I haven't had much experience with clear so I don't know if you can do that...

maybe you have to do

<div style="clear:both;"></div> just under the header. Either way I'm sure someone will correct me

[Ben]

Dizi, on Oct 11 2007, 05:43 PM, said:

although I haven't had much experience with clear so I don't know if you can do that...

maybe you have to do

<div style="clear:both;"></div> just under the header. Either way I'm sure someone will correct me

Your absolutely right Dizi! That would certainly do it.

Your too modest....

[Vicky]

Dizi - you're a superstar - that fixed it! Thanks so much - don't know why I didn't think of trying it. You've made my day!

Many thanks to everyone else who took a look as well.

All the best

Vicky

[EggMan]

i cant tell you how many times i've been tearing my hair out and dizi has come along and waved her wand just like that for me