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
vlw GIo! mas esse tuto nao ta dando certo não visualizei o demo que eles fazem e nem o demo fico 100% na tela hahohaohaha... mas tudo bem... vou continuar tentando...
aa eu gostaria de saber c tem como fazer em CSS!
um abração e vlw!
E ai viper, olha a resposta!!!
[]'s
ae gio vlw...Mas nao respondeu não.. eu nao qero em js, quero em css mesmo... mas tipo... funciona em varios browsers... firefox por exemplo.. ie 7 beta tambem... mas so nao funciono no mais importante IE 6.x.. mas que bosta... vou ter que estipular um valor em px mesmo.. fica assim... mas vlw igual amigos.. um abraço....
Infelizmente com css eu nunca vi solução.... ;)
Veja se esse link ajuda!