why are my posts are squashing each other!!!

i don’t see anything wrong (IE7 and FF3.6).

what browser are you unsing?

can you provide a screenshot to illustrate your issue?

maybe set the image in the third post to align left like in the other posts?

Hello and thanks for the reply, I am using Firefox and using a Aspire One Netbook computer.

The Screen shot below, shows that the post titles on the second and third posts have move up to invade the post above em and not occupying their own space e.g. The “Alternatives to felt” post title is next to the passport image and not on a new line where it should be..!!

`<img src=”https://farm6.static.flickr.com/5016/5

Many Thanks

You need to clear your post headings so that floated elements like images don’t bump into subsequent posts.

Find this in your CSS (https://flytripper.co.uk/index/wp-content/themes/prosumer/style.css)

.post h2 {
  font: 2em Georgia, "Times New Roman", Times, serif;
}

change it to:

.post h2 {
  font: 2em Georgia, "Times New Roman", Times, serif;
  clear: both; /* clear floated elements from previous post */
}

Let me know if it works.

Hello

Many thanks, worked perfectly, is there something I can add to space the posts abit as they are in the right position but a little too close together

again many thanks

Sure. Try this:

.post {
  margin-bottom: 20px; /* add space below post */
}

You can adjust the number as you like to increase the spacing between posts. Just make sure there is no space between the number and “px.”

Let me know how it goes.

Yeah Worked Perfectly, Changed it to 90px and it looks great

Many Thanks

Excellent! If you would please mark this thread as “resolved” it would be appreciated. Helps everyone keep better track of whose issues are still outstanding. Thanks!