Ir para conteúdo

POWERED BY:

Arquivado

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

GabrielNT95

[Resolvido] Atributo Height Não Funciona

Por , em Desenvolvimento frontend

Recommended Posts

GabrielNT95    0

GabrielNT95
Postado

Gostaria de saber uma forma para colocar uma div lateral com 100% de altura, pois o atributo não funciona aquio em casa, veja o código o problema é a ID DIR

 

<!DOCTYPE HTML>

<html lang="pt-BR" dir="ltr">

<meta charset= UTF-8 >

<head>

<style>

Body{

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

font-size:14px;

color:#E5E5E5;

background-color:#033;

margin:0px;

}

#topo{

background-color:#666;

margin:auto;

margin-top:0px;

width:1000px;

height:200px;

 

 

 

}

#Menu{

background-color:#CCC;

margin:auto;

top:0px;

width:1000px;

height:25px;

 

 

}

#Corpo{

background-color:#FFF;

top:0px;

margin:auto;

width:1000px;

min-height:1152px;

}

#roda-pe{

background-color:#333;

margin:auto;

width:1000px;

height:100px;

top:0px;

color:#E0E0E0;

 

}

 

#Dir{

position:relative;

top:0px;

width:175px;

height:100%;

border-right:1px solid gray;

}

 

</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Gabriel - Home</title>

</head>

 

<body>

<div id="topo"> </div>

<div id="Menu"></div>

<div id="Corpo">

<div id="Dir">Content for id "Dir" Goes Here</div>

</div>

<div id="roda-pe"></div>

</body>

</html>

 

 

Deste já Agradeço pela colaboração.

Compartilhar este post

Link para o post
Compartilhar em outros sites

douglasdeodato    2

douglasdeodato
Postado

veja esse codigo se pode te ajudar, tente adaptar e depois diga se deu certo.

 

no caso você poderia usar: min-height: valor em pixel pra deixar pre definido.

https://gist.github.com/4134889

 

 

Gostaria de saber uma forma para colocar uma div lateral com 100% de altura, pois o atributo não funciona aquio em casa, veja o código o problema é a ID DIR

 

<!DOCTYPE HTML>

<html lang="pt-BR" dir="ltr">

<meta charset= UTF-8 >

<head>

<style>

Body{

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

font-size:14px;

color:#E5E5E5;

background-color:#033;

margin:0px;

}

#topo{

background-color:#666;

margin:auto;

margin-top:0px;

width:1000px;

height:200px;

 

 

 

}

#Menu{

background-color:#CCC;

margin:auto;

top:0px;

width:1000px;

height:25px;

 

 

}

#Corpo{

background-color:#FFF;

top:0px;

margin:auto;

width:1000px;

min-height:1152px;

}

#roda-pe{

background-color:#333;

margin:auto;

width:1000px;

height:100px;

top:0px;

color:#E0E0E0;

 

}

 

#Dir{

position:relative;

top:0px;

width:175px;

height:100%;

border-right:1px solid gray;

}

 

</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Gabriel - Home</title>

</head>

 

<body>

<div id="topo"> </div>

<div id="Menu"></div>

<div id="Corpo">

<div id="Dir">Content for id "Dir" Goes Here</div>

</div>

<div id="roda-pe"></div>

</body>

</html>

 

 

Deste já Agradeço pela colaboração.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Biel.    9

Biel.
Postado

Boa noite Gabriel. O height:100% ou height: auto é a mesma coisa, da no mesmo. Faça um teste e veja.

Height:100% quer dizer altura infinitta width 100% quer dizer cumprimento infinito, mas como o monitor de todos nos tem um tamanho especifico o width 100% pega a tela de ponta a ponta. Do jeito que você fez está correto. Agora é só acrescentar o menu com submenu talvés, sei lá alguna coisa de seu interesse. Lembrando que você especificou um cumprimento. Ex: width 175px.. Abraços!

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