Ir para conteúdo

Arquivado

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

kaayasinho

CSS HTML height:100%

Recommended Posts

estou com um problema com esse HEIGHT:100% no css

 

eu coloco height:100% na tag nav e ela nao fica 100 height?

alguem consegue me explicar porque?

 

fiz um codigo rapido pra texte

<!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>Untitled Document</title>
<style>
	*{
		color:#FFF;
		}
	header{
		width:100%;
		height:200px;
		background:#F00;
		}
	nav{
		float:left;
		background:#0F0;
		height:100%;
		width:200px;
		}
	div{
		
		background:#666;
		}		
</style>
</head>

<body>
<header>

</header>
<nav>
vaijo
vaijoa
vajsd
asd
as
da
</nav>
<div>
relative relative relative relative relative

</div>

</body>
</html>

como consigo contornar isso?

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenta assim:

<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<style>
     html, body { margin:0; height: 100%;}
    *{
        color:#FFF;
        }
    header{
        width:100%;
        height:200px;
        background:#F00;
        }
    nav{
        float:left;
        background:#0F0;
        height:100%;
        width:200px;
        }
    div{
        
        background:#666;
        }        
</style>
</head>


<body>


<nav>
vaijo
vaijoa
vajsd
asd
as
da
</nav>
<div>
relative relative relative relative relative


</div>




</body></html>

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.