Eu tenho uma div
que tá 100% e tem uma imagem de background.
.bannerTotalHome {
background: url("../imagens/bannerTotalHome.jpg") no-repeat center;
width: 100%;
height: 570px;
margin: 0 auto;
}
E dentro haverá uma outra div
que terá uma imagem de background.
.logoHome {
background: url("../imagens/logoHanka.png") no-repeat center;
width: 285px;
height: 152px;
position: absolute;
left: 50%;
margin-left: -142.5px;
}
O que acontece, é que eu centralizei o logo usando position
, eu não sei se essa é a forma mais correta, ou se há uma forma mais fácil para fazer isso?
O meu HTML está assim:
<div class="bannerTotalHome p-relative">
<div class="logoHome margin-top-110"></div>
<div class="margin-top-375 d-block">
<h2>SUA MELHOR ESCOLHA EM</h2>
<h1>COMPONENTES AUTOMOTIVOS</h1>
</div>
</div>
Nesse caso, se eu usar um margin-top
dentro dessa div bannerTotalHome
ele vai jogar a div bem pra baixo. Por isso pergunto se o correto para centralizar aquela div dentro da outra é da forma que eu fiz.
margin: 0 auto;
é a melhor alternativa mesmo.margin: 110px auto 0 auto;
só que ele joga a div de cima pra baixo também, isso que eu não queria, tá certo? por isso useiposition