PDA

View Full Version : CSS Bug (need help)



AndyH
10-25-2006, 07:19 PM
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
10-26-2006, 12:35 AM
Andy - I'm not sure what the problem is - can you elaborate please :)

AndyH
10-26-2006, 02:14 AM
Andy - I'm not sure what the problem is - can you elaborate please :)
Which bit is unclear? :)

deronsizemore
10-26-2006, 06:36 AM
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
10-26-2006, 07:41 AM
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
10-27-2006, 01:02 AM
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!