CSS help, please!

Hi,

I can’t seem to open your link, but here goes…

Looks like you can readily go back to where you started. Here’s what I would do before going any further:

1) Undo all the changes that you listed. This means changing the font size for the blog title and description back to 11 from 20, and changing the main image height back to 377px from 250px.

2) Click on a post now. Do you still have the problem with the “leave comment text”? If not, it gives you a point of reference to start from again.

3) Then, try changing the main image height back to 250px. If that’s okay, then try the font size. Determine if it’s one change by itself, or when the two are in combination with each other.

You get the picture…isolate what change in particular is breaking your layout, and you can focus on that problem without risking causing other errors in an attempt to fix things.

If the “leave comment text” is still broken, even after undoing your changes, it implies that you may possibly have changed something else, maybe accidentally.

ah well there’s your problem — you’ve got floating divs.. your best friend for those is create a style in your ‘style.css’ called.

.clear {clear:both;}

first check and see if it’s already in there.. if it is then don’t add another.

Otherwise…add the div I’ve added after your ‘right’ div something like this:

<div id=”right”>
(there’s some code in here)
</div>
<div class=”clear”></div>

and that’ll fix your issue 😀