Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Why is the first box in the second row not in the second row?

Why is the first box in the second row not in the second row?

Problem

I've battled with a two column layout for a WP index and got it working.

However on this one site it will not work:

http://justbedroomdesigns.com

You will notice that the third box containing a pic of a bed (or the first box in the second row - bottom Left one) is not in its correct place (to the left of the final box with a bed pic).

I've used Height auto to try fix it but it's still out of place.

All help hugely appreciated as is all the help I get from this awesome community.

Problem Courtesy of: Mark R

Solution

the reason is that your images height is not same so give height to your post-block DIV. Like this:

.post-block{
 height:355px;
}
Solution courtesy of: sandeep

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Why is the first box in the second row not in the second row?

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×