Ir para conteúdo

Arquivado

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

v i p E r

Height: 100%

Por , em Desenvolvimento frontend

Recommended Posts

v i p E r    0

v i p E r
Postado

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"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Eduardo 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" 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" /></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" 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"></script><script language=JavaScript>  contadorwapstats("32d91987911e382bf6ea127c6965cfac",-14400,"icono");</script></div></div></body></html>

 

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.

 

 

http://www.velardez.com.br/

 

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

v i p E r    0

v i p E r
Postado

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....

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