Misalignment WordPress
- SOLVED
Hello!
On this page, can anyone tell me why the one box gets bumped?
Thanks!
http://terranova.net-by-design.com/buyers/international-listings/
Answers (5)
Julio Potier answers:
Hello
You can modify your CSS to do this :
.portfolioint {
background: none repeat scroll 0 0 #809432;
display: block;
float: left;
<strong>height: 475px;</strong>
margin: 10px 0 1px 1px;
padding: 10px 10px 10px 9px;
position: relative;
width: 460px;
z-index: 1;
}
The cause is that all your blocks are floating on left but 1 block was too high (2 pixels i think) so the next one was bumped !
See you !
Linda M comments:
Thank you!
Luis Abarca answers:
Add this to your CSS, its like Jens says, the "Italia Veneto Region" its 491px high
.portfolioint {
height: 490px;
}
Linda M comments:
Thanks Luis!
This was perfect.
Jens Filipsson answers:
It looks like the Veneto Region image is a bit to high compared to the other pictures. That probably makes that container slightly higher.
Sachindra Narayan answers:
nt sure abt the use of this image "http://terranova.net-by-design.com/wp-content/uploads/2011/10/bg3-68.png"
in the page :: style.css (line 335)
.menu li {
border:1px solid red;
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
}
this might look better once u decrease the width of the menu items... font-size 19px for #navbar in style.css at line 280.. would make it look better
Francisco Javier Carazo Gil answers:
I don't know why the class change between the first one "first" and all the other images "second".
Well I have seen that image of "San Lorenzo a Merse" is 460 x 333 instead of 460 x 335.
You can force images in postarea to have 335 pixels.
This should be the problem.