Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ola!
Eu estou com um problema que é o seguinte.
Eu fiz uma Div chamada "tudo". Esta seria a div principal que fica por trás de todas as outras, ficando por cima apenas do <body>.
Visto que a body e as divs que compõe o site são de cores diferentes, para não parecer que ele não está com bug, eu coloquei uma cor diferenciada na div "tudo". E visto também que o <height> das páginas é de acordo com o seu conteúdo, eu deixei este parametro como "auto" e é aí que está o problema.O height auto, não acompanha o conteúdo colocado dentro da div tudo, dando a impressão que as páginas estão bugadas.
Veja em: http://superdanilof1page.com.br/historia2005/historia.php
Quando eu usava a resolução 1280x720 eu não via isso como um grande problema, mas vendo numa resolução maior, acho que isso ficou horrorivel.
Será que com a estrutura que está, é possivel corrigir, sem ter que mexer nas páginas, com um fundo falso talvez?
Eu vou postar aki o código css: (vou postar incialmente o trecho mais relevante)
* {
font-family:"Century Gothic", "Trebuchet MS";
margin: 0 auto;
padding: 0;
}background: #3F819A ;
}
#tudo {
background: #555274;
margin: 0 auto;
width: 990px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
height: auto;
#texto {
z-index:auto;
background:#FFFFFF;
margin: 10px 10px 10px 10px;
float:left;
width: 640px;
padding: 10px;
}Html da página mais simples (se for necessário analisar):
<!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>Considerações | Danilo Santos - As Crônicas de Um Piloto 2005 | Super Danilo F1 Page</title>
<link href="script/principal.css" rel="stylesheet" type="text/css"/>
<link href="script/menu.css" rel="stylesheet" type="text/css"/>
<link href="script/historia.css" rel="stylesheet" type="text/css"/>
<script src="script/social.js" type="text/javascript"></script>
</head>
<body>
<div id="tudo">
<?php include_once "propaganda.php" ;?>
<div id="cabeca"></div>
<div id="menu"><?php include_once "menu.php" ;?></div>
<div id="texto"> </div>
<div id="esquerda">
<?php include_once "menu-esq.php" ;?>
<?php include_once "script/propaganda-esq.php" ;?>
<?php include_once "direita.php" ;?>
</div>
<div id="rodape">
<p>
<?php include_once "rodape.php" ;?></p>
</div>
</div>
</body>
</html>Obrigado :)
Carregando comentários...