Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, eu queria deixar a div right com 100% de altura da body, queria q fosse automatico mas nao estou conseguindo.
Ela fica sempre com a altura minima.
Segue abaixo o codigo
<!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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><? //=$indexController->title()?></title>
<style>
@import 'styles/default.css';
</style>
</head>
<body>
<div id="body">
<div id="left">
<div id="header">
</div>
<div id="middle">
</div>
<div id="footer">
</div>
</div>
<div id="right">Banners Lado Direito</div>
<div id="clear"></div>
</div>
</body>
</html>CSS
/ CSS Document /
html {
height: 100%;
}body{
margin:0px;
padding:0px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#999;
height:100%;
background-image:url(../images/default/background.png);
background-repeat:repeat;
text-align:center; /* hack para o IE */
}
#body width:975px;
border-left: 1px solid #999;
border-right:1px solid #999;
background-color:#FFF;
margin:0 auto;
text-align:left; /* "remédio" para o hack do IE */
height:auto;
min-height:100%;
}
#left{
position:relative;
float:left;
width:760px;
}
#right{
width:200px;
float:right;
background-color:#0F0;
height:100%;
position:relative;
}
#header{
width:100%;
height:185px;
position:relative;
background-color:#039;
}
#middle{
width:100%;
position:relative;
height:1100px;
background-color:#CF0;
}
#footer{
width:100%;
position:relative;
height:100px;
background:#C00;
}
#clear{
clear: both;
}ValeuGalera
Carregando comentários...