Jump to content


Photo

Quando Aumenta O Conteudo Da Div, Todo O Conteudo Recua À Esquerda


  • Faça o login para participar
1 reply to this topic

#1 Luca.monticelli

Luca.monticelli

    Novato no fórum

  • Usuários
  • 10 posts
  • Sexo:Masculino
  • Localidade:Gravataí

Posted 22/04/2010, 11:04

Estou com o seguinte problema:
em todas as paginas em que o conteúdo da div aumenta na vertical
tendo que descer para poder continuar vendo o conteudo, todo o conteúdo recua para a esquerda.

INDEX.HTM

<div id="geral">
<div id="topo"></div>

<div id="menu">
<ul>
<li id="um"><a href="index.htm">Home</a></li>
<li id="dois"><a href="contato.htm">Contato</a></li>
</ul>
</div>

<div id="content">
<p>Lorem ipsum vim minim omnes corpora no, xxxxxx eam eros elit doming, ex noster suscipit similique vis. Putent gubergren posidonium usu ea, vis option petentium te, vix ea congue eripuit cotidieque. Vix vide admodum oportere et, scripta accusamus consectetuer te vix, cum odio affert debitis no. Has rebum latine abhorreant ut, ad vivendum laboramus instructior nec. Sed partem melius oporteat ea, vix ei accumsan gubergren torquatos. Novum facilis convenire has ad, propriae splendide contentiones duo et, pri ea nostrud dissentiunt interpretaris. Eos no splendide assentior, id omnes graece duo, in sit fabulas convenire.</p>

<p>Integre aliquando expetendis eum ne, ex usu choro tibique. Ipsum dicam definitiones mel an, ex mei nemore nostrum, ut qui zzril dicant. Vis sale inimicus appellantur ad, mel at wisi tamquam recusabo, ne agam etiam graeci sed. Est enim aliquam nonummy et, mea mundi perfecto convenire ea, ullum definiebas ad per. Tantas perfecto in eum, at usu laudem euismod.</p>

<p>Ceteros eleifend contentiones pri ne, in vulputate incorrupte has. Usu amet tation cotidieque no. Nam malorum prompta admodum ea, ut dolores principes comprehensam per. Sed decore recusabo expetenda ad, dicam virtute ea pri. Legere eirmod melius mel xxxxxx, graece euripidis omittantur xxxxxx nam, an graece inermis partiendo per. Mollis accusamus eos no, numquam aliquid ius ex. In sit labore iriure legendos, ne inani essent cum.</p>

<p>No pri tempor virtute aliquyam, sea at falli aperiri senserit, an ornatus facilis referrentur eum. In graece dolorum deserunt vis, odio electram definitionem duo ea. Nam no eius nihil adolescens, vis omnesque voluptua repudiandae xxxxxx, prima salutatus definitionem pri no. Nusquam copiosae comprehensam ei mel, tale aperiam luptatum ius an. Eam alterum atomorum in, lorem liber putent id qui, in usu tollit impetus gubergren.</p>
</div>
</div>


CONTATO.HTM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="estilo.css" />
</head>

<body>
<div id="geral">
<div id="topo"></div>

<div id="menu">
<ul>
<li id="um"><a href="index.htm">Home</a></li>
<li id="dois"><a href="contato.htm">Empresa</a></li>
</ul>
</div>

<div id="content"></div>
</div>
</body>
</html>



CSS

body {
margin: 0 auto;
padding:0;
}
#geral {
margin:0 auto; width:900px; font:"Trebuchet MS", Verdana, sans-serif;
}
#topo {
height:130px; background:url(topo.png) no-repeat;
}
#menu {
position:relative; width:900px; height:30px; background:#000000;
}
#menu ul {
list-style-type:none;
}
#menu li {
position:absolute; width:100px; height:30px; top:0;
}
#menu li a {
display:block; height:30px; top:0; color:#FFFFFF;
text-decoration:none; padding:5px 30px;
}

#um { width:100px; left:350px; }
#dois { width:100px; left:450px; }
#content {
background:#000000;
}
#content p {
padding:15px;; color:#CCCCCC;
}

#2 gambiT_

gambiT_

    Novato no fórum

  • Usuários
  • 18 posts
  • Sexo:Não informado

Posted 26/04/2010, 07:14

eu não percebi esse problema aqui não, mas tenta isso:

<!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>Untitled Document</title>

	<style>
		body { margin:0px; padding:0px; font:normal 12px "Trebuchet MS", Verdana, sans-serif; }
		a { text-decoration:none; }
		#geral { margin:0px auto; width:960px; }
		#topo { height:130px; background:url(topo.png) no-repeat; }
		#menu { position:relative; height:30px; background:#000; }
		#menu ul { list-style:none; }
		#menu li { position:absolute; width:100px; }
		#menu li a { display:block; color:#FFF; padding:5px 30px; }
		#um { width:100px; left:350px; }
		#dois { width:100px; left:450px; }
		#content { background:#000; margin-top:5px; padding:10px; }
		#content p { padding:0px 0px 5px 0px; color:#CCC; text-align:justify; }
	</style>

</head>

<body>
	<div id="geral">
		<div id="topo"></div>

		<div id="menu">
			<ul>
				<li id="um"><a href="index.htm">Home</a></li>
				<li id="dois"><a href="contato.htm">Empresa</a></li>
			</ul>
		</div>

		<div id="content">
			<p>Lorem ipsum vim minim omnes corpora no, xxxxxx eam eros elit doming, ex noster suscipit similique vis. Putent gubergren posidonium usu ea, vis option petentium te, vix ea congue eripuit cotidieque. Vix vide admodum oportere et, scripta accusamus consectetuer te vix, cum odio affert debitis no. Has rebum latine abhorreant ut, ad vivendum laboramus instructior nec. Sed partem melius oporteat ea, vix ei accumsan gubergren torquatos. Novum facilis convenire has ad, propriae splendide contentiones duo et, pri ea nostrud dissentiunt interpretaris. Eos no splendide assentior, id omnes graece duo, in sit fabulas convenire.</p>
			<p>Integre aliquando expetendis eum ne, ex usu choro tibique. Ipsum dicam definitiones mel an, ex mei nemore nostrum, ut qui zzril dicant. Vis sale inimicus appellantur ad, mel at wisi tamquam recusabo, ne agam etiam graeci sed. Est enim aliquam nonummy et, mea mundi perfecto convenire ea, ullum definiebas ad per. Tantas perfecto in eum, at usu laudem euismod.</p>
			<p>Ceteros eleifend contentiones pri ne, in vulputate incorrupte has. Usu amet tation cotidieque no. Nam malorum prompta admodum ea, ut dolores principes comprehensam per. Sed decore recusabo expetenda ad, dicam virtute ea pri. Legere eirmod melius mel xxxxxx, graece euripidis omittantur xxxxxx nam, an graece inermis partiendo per. Mollis accusamus eos no, numquam aliquid ius ex. In sit labore iriure legendos, ne inani essent cum.</p>
			<p>No pri tempor virtute aliquyam, sea at falli aperiri senserit, an ornatus facilis referrentur eum. In graece dolorum deserunt vis, odio electram definitionem duo ea. Nam no eius nihil adolescens, vis omnesque voluptua repudiandae xxxxxx, prima salutatus definitionem pri no. Nusquam copiosae comprehensam ei mel, tale aperiam luptatum ius an. Eam alterum atomorum in, lorem liber putent id qui, in usu tollit impetus gubergren.</p>
		</div>
	</div>
</body>

</html>





0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq