CSS Bug (need help)

[AndyH]

Here is an example of what is wrong:

Looks fine yeah?
http://www.hellbored.com/uploader/uploads3/uwars1.jpg

And the bug...
http://www.hellbored.com/uploader/uploads3/uwars2.jpg

It only occurs when the right hand side (main) contents area is shorter than the left hand side (menu).

CSS file is located: www.uwars.com/styles/style.css

HTML example: www.uwars.com/temp.txt

[agua]

Andy - I'm not sure what the problem is - can you elaborate please

[AndyH]

Andy - I'm not sure what the problem is - can you elaborate please

Which bit is unclear?

[deronsizemore]

I don't see a difference except that they are two different screen shots? One is the top portion of the screen and the other is the bottom. I don't see a difference with what's actually in those screen shots.

[Mal]

Well first of all you've used a commenting style in your CSS that isn't valid.

#footer {
position: relative;
margin-top: -43px;
// clear: both;
height: 43px;
font-size: 80%;
background: #000 url(../images/layout/footerbg.gif);
color: #fff;
padding: 0 5px;
}

Doing this will usually prevent the CSS being processed after the "//". If you want to comment in CSS you need to use "/* commented text */" instead.

Next, I assume your problem has to do with the footer going on top of the left column? In which case you need the "clear: both;" line in the footer, so remove the "//" and see what happens.

[AndyH]

Well first of all you've used a commenting style in your CSS that isn't valid.

Doing this will usually prevent the CSS being processed after the "//". If you want to comment in CSS you need to use "/* commented text */" instead.

Next, I assume your problem has to do with the footer going on top of the left column? In which case you need the "clear: both;" line in the footer, so remove the "//" and see what happens.

Looks good now. Thanks for that!