Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

dstebo

site desconfigurado netbook

Por , em Desenvolvimento frontend

Recommended Posts

dstebo    0

dstebo
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

poste uma imagem do efeito que você deseja, até para termos idéia de como é a tua imagem de fundo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

dstebo    0

dstebo
Postado

Que fiz fundo do site (background) tem os algumas images que sobrepoem as images em div que usei.

No internet explorer 8, funciona normal, imagem seque a imagem do fundo.

 

No internet exeplorer 7, já não seque imagem de fundo, fica desalinhada.

 

Usei css, tem alguma coisa que posso usar no css ou div para funcionar no IE7

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

poste uma imagem do efeito que você deseja, até para termos idéia de como é a tua imagem de fundo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

dstebo    0

dstebo
Postado

Fiz site em html, css, php, usei div para layout do site, ficou normal em monitor 12, 14, 16 e 20.

Mais em netbook com monitor de 10.1, os div's ficaram desalinhados, fora da área que coloquei.

 

Tem algum modo de solucionar esse problema...

 

Deixar os div do margin para todos os monitores.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não use position se não sabe como ele trabalha.

 

estude box model, e modele com float e margin.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito