Bruno Fernandes 1 Denunciar post Postado Dezembro 2, 2010 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"> <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 Compartilhar este post Link para o post Compartilhar em outros sites
M. Simão 0 Denunciar post Postado Dezembro 2, 2010 Oi Bruno, Tem um vídeo muito bom que trata desse assunto, o link é: No tutorial o rapaz ensina a fazer com que o site ocupe 100% da tela, no seu caso você vai ter que adaptar para apenas a DIV que você precisa. Até mais! Compartilhar este post Link para o post Compartilhar em outros sites
JCMais 75 Denunciar post Postado Dezembro 5, 2010 Tenta colocar o min-height como 100% e o height como 100% também, e diz o que acontece. Compartilhar este post Link para o post Compartilhar em outros sites
echo "VINICIUS" 3 Denunciar post Postado Janeiro 14, 2011 UTILIZE NA PROPRIEDADE CSS HEIGHT:100%; OVERFLOW:AUTO; e pronto!funciona certinho valeu Compartilhar este post Link para o post Compartilhar em outros sites
