Ir para conteúdo

Arquivado

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

Eric Vinícius

[Resolvido] Div quebrando

Recommended Posts

Boa tarde amigos,

 

Cá estou eu novamente com um problema que eu creio se simples de se resolver.

Seguindo dicas dos amigos do fórum construí uma estrutura simples em div, sem usar positions.

 

Só que e div #total, quando eu redimensiono a janela, sobe de uma forma que dá pra ver a borda inferior "entrar" na div conteudo.

 

Como eu posso solucionar esse problema?

 

Segue meu código:

<body>
<div id="tudo">
   	<div id="topo"></div>
       <div id="conteudo">
       	Conteudo
       </div>
   </div>
</body>

body, html, #tudo{
height:100%;

}

body{
background: url(../imagens/bg.jpg) top no-repeat;
}
#tudo{
width:960px;
margin: 0 auto;
border:1px solid #666666;
}
#topo{
padding: 0;
margin: 0;
width:100%;
height:20px;
background:#666666;
}
#conteudo{
border:1px solid #666666;
height:100px;
width:100px;
padding-top: 10px;
margin: 1px auto;
}

 

link para a página publicada.teste

Compartilhar este post


Link para o post
Compartilhar em outros sites

defina min-height: 100%(depois disso, use um hack para o ie6) para a #tudo, e não 'height'.

Compartilhar este post


Link para o post
Compartilhar em outros sites

defina min-height: 100%(depois disso, use um hack para o ie6) para a #tudo, e não 'height'.

 

Poxa William, show de bola.

Funcionou.

 

No caso, caso eu venha, por exemplo, colocar outra div dentro da div tudo, essa outra div precisaria ter o atributo min-height do tamanho da tudo?

 

O min-height é o segredo para evitar esse problema?

 

Muito obrigado pela ajuda!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não, nesse caso não.

 

A história aí é outra.

Pesquise sobre a propriedade e procure entender.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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