More CSS help

leafypiggy

Manager of Pens and Office Supplies
Staff member
Messages
3,819
Reaction score
163
Points
63
Well, with my procrastination. I've put off finishing my theme for Christmas... until now. So I need some help fixing something.

http://24.61.155.176/Christmas/

The .left class won't expand to fill up it's parent element (.post).

Any help is MUCH appreciated.
 

misson

Community Paragon
Community Support
Messages
2,572
Reaction score
72
Points
48
The simplest solution is to apply the One True Layout that I linked to in a previous post.

Code:
#posts .post {
  overflow: hidden;
}

#posts .post .left {
    padding-bottom: 9000px;
    margin-bottom: -9000px;
}

#posts .post .post_info {
    padding-bottom: 9000px;
    margin-bottom: -8999px;
}

You can also remove the div.clear and div.p_info elements.

I still don't approve of the name for the "left" class; it should be descriptive of the content rather than the styling; something like "post-info", changing the current "post_info" to something like "post-meta".
 

frankfriend

Member
Messages
410
Reaction score
2
Points
18
Neil,
Try adding the W3CSS validator, and then when it displays on your browser, press it and see if you get detailkewd validation help.

This may be the code you need to insert:

<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
alt="Valid CSS!" />
 
Top