Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fiz site com css e div, como esse exemplo abaixo:
HTML
<body>
<div class="wrapper">
<div class="base"><img src="images/rua.gif"></div>
<div class="nav">
<ul>
<li><a id="nav-contato" href="contato.html"></a></li>
</ul>
</div>
</div>
</body>
</html>CSS
body {
background: #75daee url("images/bg-index.jpg") center top no-repeat;
}
.wrapper {
width:1050px;
height:570px;
position:relative;
z-index:10;
margin:0px auto 0px auto;
background-repeat:no-repeat;
}
.base {
position:absolute;
top:-2px;
float:left;
left:50%;
margin-left:408px;
z-index:40;
}A página de fundo e o design do site deixei centralizado e usei os divs para inserir menu e alguns gifs e imagens.
Ficou normal visto em monitor com resolução 1990x 1080 e 1366x768.
O problema quando visto em monitor tipo netbook com resolução 1024x768 ou resolução 800x600
Os div's se espreme na tela, ficando desalinhado.
Tem algum jeito de deixar ele seguir a imagem background, mesmo se ficar fora do monitor com resolução 1024x768...
Tem alguma dica que me pode ajudar, obrigado.
Carregando comentários...