Need Help Removing Divs

[dirt lover]

I'm trying to get ride of the space between the posts (the light grey boxes). There are two blank divs in the source that aren't in the template, but added in with each post. They don't have a class or id, so I can't make them not display that way. How else could I get ride of them?

<div style="clear: both;"></div>testtesttesttesttesttesttesttetsttetsttetstttttttt tttttttttttttttttttttttttttttttttttttttttttttttttt tttttttttttttttttttttttttttttttttttttttttttttttttt tttttttt<br>tttttttttttttttttttttttt<div style="clear: both; padding-bottom: 0.25em;"></div>

http://mediabypb.blogspot.com/

Thanks in advance for any help!

[GraphixNPrint]

looks like a missed \t in your code somewhere

[hewligan]

div.blogpost div {
display: none;
}

[dirt lover]

All that did was hide div.byline .

[hewligan]

No, that hides all of the divs inside the blogpost - including the one you're trying to get rid of. But that's not what's causing the gap between your grey boxes, anyway. You've got padding-top of 30px on the .blogpost divs which causes the gap.

Oops, no, wait, that's not it either... But those divs are contained within the .blogpost divs. They're not causing the gap.

[dirt lover]

I think it's those blank ones that...of course have no id/class.

[hewligan]

No, they're fine. They're just clearers to make sure any floated images inside your post stay inside the post.

The problem is that between each post div you have:

<h3>Thursday, April 12, 2007</h3>
<a name="2827701096749742299">&nbsp;</a>

They're set in the background colour and a top of -80px is moving the post div up over them, but they're still in the flow of the document, and so still create a space - which is the space you see between your blog posts.

[dirt lover]

Getting ride of that took out the big spaces. Thanks!

[dirt lover]

One more question...

How do I make the blogPost contents stay in the div. In the bottom, one it keeps going right.

http://mediabypb.blogspot.com/ (it needs to be viewed in Firefox as I haven't hacked it for IE yet.

[hewligan]

Put some spaces in it ;)

The text can't wrap because there are no spaces in it where it's allowed to wrap, so it extends out of the div. It's a probllem that should almost never come up with real text, because it would have spaces in it and would wrap.

[dirt lover]

So...there's no way to make it stay in the div and make a second line when it hits the end? If I can only put line breaks to solve this, it's kind of a pain because the posting form is wider than the final posts.

[hewligan]

No, you don't need to put line breaks in. You need to have text with spaces - " " - in it. The browser wraps text between words. Your test post there is one enormous word, so it can't find anywhere to wrap.

[dirt lover]

Oooooh... Thanks. That was simple.