Ir para conteúdo

Arquivado

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

João Augusto

Página com height 100%

Por , em Desenvolvimento frontend

Recommended Posts

João Augusto    0

João Augusto
Postado

Galera to com um pequeno problema aqui......

eu to querendo que uma página fique com a altura de 100%,só que no FF isso não funciona alguém pode me ajudar nisso???

 

<html  xmlns="http://www.w3.org/1999/xhtml" dir="ltr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="scripts/functions.js"></script>
<link href="scripts/style.css" rel="stylesheet">
<link href="scripts/menu.css" r
53d
el="stylesheet">
<title>Untitled Document</title>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="100%" height="701" valign="top">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="36" class="borda"> </td>
  </tr>
  <tr>
    <td width="100%" height="65"> </td>
  </tr>
    </table>
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <th width="27%" height="5" class="barra_2"> </th>
    <td width="0%" height="100%" rowspan="2" class="teste, barra_1"> </td>
    <td width="73%" class="barra_1">
</td>
    
    </tr>
  <tr>
    <td height="632" align="center" valign="top"><br>
    	
    </td>
    <td height="632" align
4ff
="center" valign="top"><br>
    <table width="96%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="28" class="barra_2"> </td>
  </tr>
  <tr>
    <td height="551" class="barra_3"> </td>
  </tr>
</table>

    
    </td>
    </tr>
</table>
<div style="display:table">
    <table width="100%">
	  <tr>
        <th scope="row"> </th>
      </tr>
    </table></div></td>
  </tr>
</table>

</body>
</html>

E o code CSS é esse aqui

 

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.borda{
	border:#0000FF;
	border-bottom:solid;
	border-bottom-width:3px;
}
.barra_1{
	background:#5695c2;
}
.barra_2{
	background:#7ab5de;
}
.barra_3{
	background:#CCC;
}

Vlw.....

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Augusto    0

João Augusto
Postado

Substitua seu :

<body>

Por :

<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">

Bom cara isso ai que você me passou não funcionou não, o FF ignorou completamente.....

Ele é um layout sim,mais é pra um sistema web, por isso optei pelas tabelas,mais se você tiver alguma idéia de como fazer isso pro DIV´s estou disposto a tentar...To levando uma surra danada aqui,eu tentei colocar por div, mais não consegui fazer ele ficar com 100% de altura....

Vlw....

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Augusto    0

João Augusto
Postado

Pow eu pensei em um jeito aqui mais não funcionou.....

 

<!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=iso-8859-1" />
<title>
</title>
<style type="text/css">
<!--
body {
        margin:0px;
		height:100%;
}
-->
</style></head>
<body onload="abreJanela();">
<div>
  <div style="float:left; width:27%; height:100%; background:#09C;" id="teste1">aa</div>
  <div style="float:left; width:1%; height:100%; background:#066;"> </div>
  <div style=" height:100%;float:right; width:72%;background:#09C;" id="teste2">aa</div>
</div>
</body>
</html>

Se alguiém puder me ajudar colocando a altura de 100% nessas div´s ai me resolve o problema......

vlw.......

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Veja:

http://imasters.com.br/artigo/9065/css/posicionar_o_rodape_embaixo_da_janela/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Passe no Laboratório de Scripts e veja lá os layouts, depois aplique-os no tutorial que o Bruno passou.

 

Se o conteúdo exceder mais que a altura do navegador e quiser que as colunas tenham a mesma altura, use isso:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://forum.imasters.com.br/index.php?/topic/309442-solucao-para-faux-columns-sem-usar-imagens/

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Layo    10

Layo
Postado

No body

 

coloque margin: 0px;

 

e nas divs de tres colunas coloque a função float

 

#nomedadiv {
float:left;
}

ele ira juntar automaticamente do lado direito na tela com as divs grudadas sem espaços

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