CSS Bug (need help)

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

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

Quote:

---

Originally Posted by agua

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

---

Which bit is unclear? :)

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.

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

Quote:

---

#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.

Quote:

---

Originally Posted by Mal

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!