Vertical align floating div

[Marcel]

Hi guys,

I have been trying for hours to vertical align an div containing another div with a facebook icon. I can’t get it to work however and I hope someone can help me out here. You can find the div on this site: http://4077699.mijnwinkel.nl/overmaaike On the top right side.

The div .icontainer has to be vertically aligned in the pink space.

Thx for your help.

Marcel

[Alen]

Add this:

.icontainer{
  margin-top:10px;
  border:none;
}

[Paulie_D]

That does seem to be the easiest way of solving this.

[Marcel]

Thx for your replies. Margin-top is a possible solution. But there also has to be a solution to exactly vertical align this div in the parent.
I’m trying to understand what’s going wrong here and learn from it.
Especially because the vertical aligning of elements is something that happens often.

[Alen]

http://blog.themeforest.net/tutorials/vertical-centering-with-css/

[Author]

Posts