Ir para conteúdo

POWERED BY:

Arquivado

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

Fernando Neto MH

Div com height 100%

Por , em Desenvolvimento frontend

Recommended Posts

Fernando Neto MH    13

Fernando Neto MH
Postado

Olá galera queria saber como eu coloco uma div com 100% de height olha só p html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Banda Musical</title>
<link href="estilo/estilo.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="topo">
	<div id="logo">
       LOGO
       </div>
       		<div id="menu">
               MENU
               </div>
</div>
</body>
</html>

 

estilo.css

 

body{
background-color:#000;
margin:0;
color:#FFF;
}
#topo{
width: 100%;
height:1000px;
background-image: url(imagens/bg_topo.jpg);
background-repeat: no-repeat;
background-position: center center;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

ricardo_mc    19

ricardo_mc
Postado

Trabalhar com Divs pode ser bem chato às vezes.

 

Se essa div #topo for a sua base (tudo for entrar dentro dela), use "position:absolute;" que resolve seu problema.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Edson Carli    0

Edson Carli
Postado

Você esta se ferindo ao fato de que height 100% significa expandir pra 100% somente se precisar. Mas ele não começa com 100% se não tiver conteúdo suficiente para preenchê-lo. Se você deseja que ele inicie ocupando o tamanho inteiro da tela, você vai precisar fazer como foi sugerido acima, usando o position:absolute :)

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