Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá gente,
bom para começar tenho meu site alinhado no centro do site e constuido com DIV's. O problema é o seguinte, eu quero que a Div onde vai o conteudo se alargue ate o final da tela, ou seja, quero que ela fique no 100% da altura da tela. Isso eu tambem sei so botar "height: 100%;" no css da div. Mas o problema mesmo é que quando boto " height: 100%;" no css, o site fica perfeito do jeito que eu qero mas apenas no IE 7.0beta e o Firefox, agora no IE 6.x fica do tamanho do conteudo e nao do tamanho da tela. Ja revirei o codigo inteiro e nao consigo saber o que é.
Se vocês tiverem um tempinho, please help Me!
CSS!
BODY { background-image: url(imagens/fundo.gif); background-repeat: repeat; margin:0; text-align:center; padding:0; scrollbar-face-color:#FADF8D; scrollbar-highlight-color:#FBD54F; scrollbar-3dlight-color:#599AD1; scrollbar-darkshadow-color:#599AD1; scrollbar-shadow-color:#FAE8B7; scrollbar-arrow-color:#599AD1; scrollbar-track-color:#E8DEAC; } #contador { position: absolute; background-image: url(imagens/aba_fndo.gif); left:22px; top:12px; margin:0 auto; padding:0px; width:100px; height:60px; } #bt_more { position: absolute; left: 14px; top:3px; margin:0 auto; padding:0px; width:20px; height:20px; } #centralizador { text-align:left; position:center; margin:0px auto; padding:0px; background:#FAE8B6; width: 765px; height: 100%; } #base { top:0px; position: absolute; margin:0 auto; padding:10px; width:765px; height:1024px; } #esquerda { left:0px; position:absolute; top:0px; background-image: url(imagens/fndizquierda.gif); width:10px; height:1024px; } #direita { left:755px; position: absolute; top:0px; background-image: url(imagens/fndderecha.gif); width:10px; height:1024px; } #meio { left:10px; position: absolute; top:0px; background:#FAE8B6; width:745px; height:1024px; } #Tabela_01 { position:absolute; left:0px; top:0px; width:745px; height:20;}#index-01-index-01_ { position:absolute; margin:0 auto; padding:0px; left:0px; top:0px; background-image: url(imagens/index_01_index_01.jpg); width:745px; height:311px;}#index-02-index-02_ { position:absolute; left:0px; top:311px; width:429px; height:31px;}#index-03-index-03_ { position:absolute; left:429px; top:311px; width:195px; height:31px;}#index-04-index-04_ { position:absolute; left:624px; top:311px; width:121px; height:31px;}#index-05-index-05_ { position:absolute; left:0px; top:342px; width:745px; height:73px;}
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Eduardo](http://www.w3.org/1999/xhtml) Agustin Velardez # Designer</title><script>function changetext(bloco,imagem) { if(bloco.style.display==''||bloco.style.display=='block') { bloco.style.display='none'; imagem.src='imagens/more_bt.gif'; } else { bloco.style.display='block'; imagem.src='imagens/menos_bt.gif'; }}</script><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><link rel="stylesheet" type="text/css" href="index.css"><script language="javascript" >AC_FL_RunContent = 0;</script><script src="AC_RunActiveContent.js" language="javascript" ></script></head><body><div id=centralizador><div id=base><div id="bt_more" style="z-index: 1; cursor:hand" onClick='changetext(contador,mais_bt);'> <img border="0" src="imagens/more_bt.gif" width="16" height="16" id="mais_bt"></div><div id=esquerda></div><div id=meio><div id="Tabela_01"><div id="index-01-index-01_"><script language="javascript"> if (AC_FL_RunContent == 0) { alert("This page requires AC_RunActiveContent.js. In Flash, run \"Apply Active Content Update\" in the Commands menu to copy AC_RunActiveContent.js to the HTML output folder."); } else { AC_FL_RunContent( 'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0', 'width', '745', 'height', '311', 'src', 'bt', 'quality', 'high', 'pluginspage', 'http://www.macromedia.com/go/getflashplayer', 'align', 'middle', 'play', 'true', 'loop', 'true', 'scale', 'exactfit', 'wmode', 'window', 'devicefont', 'false', 'id', 'novo fla', 'wmode', 'transparent', 'name', 'bt', 'menu', 'false', 'allowScriptAccess','sameDomain', 'movie', 'bt', 'salign', '' ); }</script><noscript><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"](http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0) width="757" height="420" id="bt" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="bt.swf" /><param name="menu" value="false" /><param name="quality" value="high" /><param name="scale" value="exactfit" /><param name="bgcolor" value="#f8e09d" /> <embed src="bt.swf" menu="false" quality="high" scale="exactfit" bgcolor="#f8e09d" width="745" height="420" name="bt" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="[http://www.macromedia.com/go/getflashplayer"](http://www.macromedia.com/go/getflashplayer) /></object></noscript></div><div id="index-02-index-02_"><img id="index_02_index_02" src="imagens/index_02_index_02.jpg" width="429" height="31"></div><div id="index-03-index-03_"><a href="[http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&promoid=BIOW"](http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&promoid=BIOW) target="_blank"><img src="imagens/index_03_index_03.jpg" width="195" height="31" border="0"></a></div><div id="index-04-index-04_"><img id="index_04_index_04" src="imagens/index_04_index_04.jpg" width="121" height="31"></div></div></div><div id=direita></div><div id="contador" style="z-index: 2; display:none"><p style="margin-left: 35px; margin-top: 22px; margin-bottom: 0"><script language=JavaScript src="[http://server01.contadorwap.com/code.php?id=32d91987911e382bf6ea127c6965cfac&s=4&p=pt-br">ME ajudem se puderem
PS: Agora meu site esta com o height:60px; do centralizador em 1024 pra que possa ser visto em todos os navegadores, mas não e isso que eu qero. Desejo que fique sempre 100% assim evito barra de rolagem.
Help Me!
um abração ae! http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/bye1.gif
Carregando comentários...