DIV ESTOURANDO
Caros bom dia,
No body do html setei o overflow=hidden.
To usando uma div(geral) como body, com everflow=auto, e dentro dela existe a div conteudo.
Só que quando o conteudo é grande ta estrapolando o limite da mesma, como podem ver.
Não to conseguindo arrumar.
Alguma dica?
No body do html setei o overflow=hidden.
To usando uma div(geral) como body, com everflow=auto, e dentro dela existe a div conteudo.
Só que quando o conteudo é grande ta estrapolando o limite da mesma, como podem ver.
Não to conseguindo arrumar.
Alguma dica?
Vejo que tem uma barra de rolagem na lateral. Por acaso a div que representa o [Ô]rodapé[Ô], está com posicionamento absoluto?
Não. Está relativo.
Seu eu coloco overflow:auto na div conteudo, funciona normal, mas ae eu perco o scroll da div geral (q representa o body), quero q role toda a pagina, do topo ao rodapé, mas através da div geral.
O body do html nao vai ter função nenhuma.
Seu eu coloco overflow:auto na div conteudo, funciona normal, mas ae eu perco o scroll da div geral (q representa o body), quero q role toda a pagina, do topo ao rodapé, mas através da div geral.
O body do html nao vai ter função nenhuma.
Mostre a estrutura HTML e CSS...
<html>
<head>
<title>HTML Div[ô]s</title>
<style>
body{overflow:hidden; margin:0; padding:0;}
#geral{padding:2px; margin:15px auto; width:900px; }
#topo{height:150px;border:1px solid red; clear:both;}
#menu{padding:5px;float:left; width:190px;}
#conteudo{padding:5px; border:1px solid red; width:670px; float:right; height:600px; overflow:auto;}
#rodape{clear:both; height:100px; border:1px solid red;}
</style>
</head>
<body >
<div id=[Ô]geral[Ô]>
<div id=[Ô]topo[Ô]>
<h1 style=[Ô]text-align:center[Ô]>Conteúdo do Topo</h1>
</div>
<div id=[Ô]menu[Ô]>
conteúdo do menu
</div>
<div id=[Ô]conteudo[Ô]>
çoso. A ligeira raposa marrom ataca o cão preguiçoso. A ligeira raposa marrom ataca o cão
</div>
<div id=[Ô]rodape[Ô] style=[Ô]text-align:center[Ô]>
<h2>conteúdo do rodapé.</h2>
</div>
</div>
</body>
</html>
na verdade o overflow:auto seria na div geral.
Tire o overflow do body, essa linha:
body{overflow:hidden; margin:0; padding:0;}
body{overflow:hidden; margin:0; padding:0;}
Já havia testado isto.
A questão é: Não quero scroll no Body, por isso o overflow:hidden.
Quero que a div geral faça o papel do Body, por isso o scroll tem q ocorrer nela.
A questão é: Não quero scroll no Body, por isso o overflow:hidden.
Quero que a div geral faça o papel do Body, por isso o scroll tem q ocorrer nela.
a div Geral seria o site em si.
Nesse caso você terá que dimensionar as alturas dos setores em percentual...
rpzzz.. agora endoidou tudoo...
html,body{margin:0; padding:0; overflow:hidden; height:100%; width:100%;}
#geral{padding:2px; margin:15px auto; width:900px;overflow:auto; height:90%;}
#topo{border:1px solid red; clear:both; height:20%;}
#menu{padding:5px;float:left; width:190px; border:1px solid red;height:10%;}
#conteudo{padding:5px; border:1px solid red; width:670px; float:right; height:30%;}
#rodape{clear:both; height:10%; border:1px solid red;}
Tópico encerrado , respostas não são mais permitidas