CSS Help needed

[leafypiggy]

No clue what I did. Haha. I coded this as static height (for the posts) and when I changed it to a dynamic height, it's all messed up.

Spent 2+ hours trying to fix it, but got nowhere. What really creeps me out is that it works better in Internet Explorer than it does in FF.

Files will be uploaded when I get home. Just don't really have the files on this PC which is connected to the internet atm.

Thought i'd post this before I forgot.

A working version (kinda, still has static height) can be seen at http://24.61.155.176/Christmas/ (It's the "posts" thing that isn't working right. Try changing the values of height for .post and .left to auto..
Edit:
Updated version online at http://24.61.155.176/Christmas/

The old index.html and style.css are located at http://24.61.155.176/Christmas/index.html.bak and http://24.61.155.176/Christmas/style.css.bak

Any help is appreciated. Should look like this: http://neilhanlon.com/Designs/VizoXi...%20altered.png (essentially, basic design)

[xav0989]

Just add

<div style="clear: both"> </div>

right before the post closing div. You should always have a clearing div when using floats.

[leafypiggy]

Sweet! Thanks. Now I just gotta make the left part of the post expand to fill the rest of the post after it overflows the normal thing. :P

[xav0989]

Sweet! Thanks. Now I just gotta make the left part of the post expand to fill the rest of the post after it overflows the normal thing. :P

You lost me pal!

[misson]

You should always have a clearing div when using floats.

For reference, other ways of clearing floats.

The old index.html and style.css are located at http://24.61.155.176/Christmas/index.html.bak and http://24.61.155.176/Christmas/style.css.bak

Appending the ".bak" extension causes browsers to download the files rather than display them. You might want to put the ".bak" before the other file extension.

Sweet! Thanks. Now I just gotta make the left part of the post expand to fill the rest of the post after it overflows the normal thing. :P

Are you referring to a two-column layout? That is, vertical expansion so both columns are the same height and nothing is cut off. If so, "Multi-Column Layouts Climb Out of the Box" describes one way and links to many others.

[leafypiggy]

Yeah, it should do it now... but for some reason it's not.

I've done it before multiple different ways, but none of them seem to work. The Left (candycane pattern) won't expand to fill up the whole post.

[misson]

it should do it now...

I'm not seeing why. #posts .post .left is floated, and the parent doesn't use faux-columns.

[leafypiggy]

#posts and .post aren't floated, and if they are, they should be.

.left is floated for styling purposes. It wouldn't affect the layout expanding.

[coolv1994]

Well if your website is W3C complient with HTML 4.0 or XTML 1.0+ then you can not use a dynamic height for your page. I've tried it before and I would reccommend using HTML 3.0, that is my suggestion.

[misson]

#posts and .post aren't floated, and if they are, they should be.

#posts .post .left refers to the one element that matches the selector, as opposed to #posts, .post, .left, which would match multiple. Sorry for taking the short-'n'-unclear route. Perhaps I'll user #posts>.post>.left to emphasize that I'm using a selector.

.left is floated for styling purposes. It wouldn't affect the layout expanding.

Ah, but it does. Not clearing the floating descendents of #posts>.post is what keeps a .post from expanding. Floating #posts>.post>.left keeps you from using the "bottom" attribute, which is the easiest way of stretching the height of an element.

In any case, I'm not seeing anything in the style sheet that will stretch out #posts>.post>.left or its descendents to equalize the height with .post>.post-content.