Two errors - Similar Errors too.

http://www.leoncalder.com/work/360sigs/
http://www.leoncalder.com/work/360sigs/style.css

Please view in IE6. You'll notice under the green bar there's a little image which has extra baggage for some reason. So it's pushing the layout down.

Where the content is the top image which begins the content area has a gap below it. I think they both have the same problem, could anyone explain what's wrong?

Thanks.

Hmmm ... not sure ... did you try adding margin: 0; and padding: 0; to those divs?

Yeah, nothing changed. Also tried some clears but it throws the content area off as a whole.

For the one with the rounded corners I'd try adding overflow:hidden to the code

Code: Select all

#belowbar{
    width: 520px;
    height: 3px;
    float: right;
    border-bottom: 1px solid #6f6f6f;
    background-image: url(images/belowcurrent.gif);
    background-repeat: no-repeat;
    overflow: hidden;
}

Not sure why the white navcontainer isn't reaching the footer. Maybe you could add a few pixels in an IE only css file.

The option would be to use faux columns. Then you wouldn't ever have a problem. As for an easy fix, I don't know of one. Someone else may.

I'll try over flow soon and I'd rather have one CSS file.

Quoted from someone on another forum for anyone else whom may have this problem in the future.

Ahh.... makes sense. Thanks for sharing the fix!