Cześć! Chyba dosyć banalna sprawa dla kogoś doświadczonego, otóż dlaczego div po prawej nie chce wskoczyć do góry? Link do zdj: http://zapodaj.net/670c47c1a5d7c.jpg.html
HTML:
<div class="socialLeftHeader">
<div class="blockSocial">
<div class="symulacjaSocial">30x30</div>
<div class="textSocial">Wejdź na FB!</div>
</div>
<div class="blockSocial">
<div class="symulacjaSocial">30x30</div>
<div class="textSocial">Wejdź na FB!</div>
</div>
</div>
<center>
<div class="logoPage1Div">
<img src="images/logo.png" class="logoPage1">
</div>
</center>
<div class="socialRightHeader">
<center>
<div class="blockSocial">
<div class="symulacjaSocial">30x30</div>
<div class="textSocial">Wejdź na FB!</div>
</div>
<div class="blockSocial">
<div class="symulacjaSocial">30x30</div>
<div class="textSocial">Wejdź na FB!</div>
</div>
</center>
</div>
CSS:
header{
background-color: rgba(0, 0, 0, 0.3);
width: auto;
max-width: 100%;
height: auto;
}
#container{
width: 70%;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
background-color: rgba(255, 0, 0, 0.3);
}
.logoPage1{
width: 100%;
}
.socialLeftHeader{
width: 22%;
display: block;
float: left;
height: auto;
display: block;
background-color: #fff;
}
.logoPage1Div{
width: 50%;
height: auto;
margin-left: 0;
margin-right: 0;
background-color: #000;
}
.socialRightHeader{
width: 22%;
display: block;
float: right;
height: auto;
display: block;
background-color: #fff;
}
.blockSocial{
width: 40%;
height: 100px;
background-color: #fff;
display: inline-block;
}