[Resolvido] Problemas com a margin-top

[Felipe pr 0]

Dae pessoal,

estou fazendo um site e preciso que o logo desça, só que eu coloco margin-top e desce toda minha div...

o css é esse:

 

<div id="tudo">

		<div id="header">
			<div class="logo_jpg"><a href="#geral" class="logo"></a></div>
			<div class="canto_esquerdo_superior"></div>
			<div class="bg_menu"></div>

			<div class="menu_topo">
				<ul class="nav">
					<li><a href="#home">home</a></li> 
					<li><a href="#bairro">bairros e regiões</a></li>
					<li><a href="#sobre">sobre o projeto</a></li>
				</ul>
			</div>

			<div class="menu_lateral">
				<ul class="nav">
					<li><a href="#geral">GERAL</a></li> 
					<li><a href="#humano">HUMANO</a></li>
					<li><a href="#cidadania">CIDADANIA</a></li>
					<li><a href="#hurbano">HURBANO AMBIENTAL</a></li>
					<li><a href="#economico">ECONOMICO</a></li>
				</ul>
			</div>
		</div>

		<div id="contents"></div>
		<div id="comentario"></div>

</div>

 

* {
margin: 0 auto;
padding: 0 auto;
   font-family:arial, sans;
   font-size: 12px;
text-decoration: none;
list-style:none;
}

#tudo{
width:1000px;
height: 600px; /*colocar "auto depois"*/
background: #ddd;
display: block;
}

.logo_jpg {
width: 127px;
height: 79px;
margin-left: 20px;
background: url("../imagens/logo.png") no-repeat;
}

.canto_esquerdo_superior {
width: 214px;
height: 164px;
background: url("../imagens/canto_esquerdo_superior.png") no-repeat;
float:left;
}

[crf_h0m3r 5]

Tente colocar o margin-top na classe logo_jpg.

[Felipe pr 0]

valeu pela dica crf_h0m3r,

consegi colocando position: abosolut

abração

 

* {
margin: 0 auto;
padding: 0 auto;
   font-family:arial, sans;
   font-size: 12px;
text-decoration: none;
list-style:none;
}

#tudo{ width:1000px; height: 600px; /*colocar "auto depois"*/ background: #ddd;	display: block;}

.logo_jpg { width: 127px; height: 79px; float:left; background: url("../imagens/logo.png") no-repeat;}

.menu_topo{	position: absolute;	width: 300px; margin-left: 120px; margin-top: 10px;}

.home_menu{	width: 18px; height: 18px; float: left;	background: url("../imagens/menu_topo_normal.png") no-repeat;}
.bairro_menu{ width: 18px; height: 18px; margin-left: -25px; float: left; background: url("../imagens/menu_topo_normal.png") no-repeat;}
.sobre_menu{ width: 18px; height: 18px; margin-left: -20px; float: left; background: url("../imagens/menu_topo_normal.png") no-repeat;}

.home_menu:hover{	width: 18px; height: 18px; background: url("../imagens/menu_topo_over.png") no-repeat;}
.bairro_menu:hover{	width: 18px; height: 18px; background: url("../imagens/menu_topo_over.png") no-repeat;}
.sobre_menu :hover{	width: 18px; height: 18px; background: url("../imagens/menu_topo_over.png") no-repeat;}

.bg_menu { width: 62px; height: 335px; margin-left: -200px;	margin-top: 103px; float: left;	background: url("../imagens/bg_menu.png") no-repeat;}
.canto_esquerdo_superior { width: 214px;	height: 164px; margin-left: -128px;	float:left;	background: url("../imagens/canto_esquerdo_superior.png") no-repeat;}

.nav_lateral{ display: block; position: absolute; width: 366px;	height: 291px; margin-left: 19px; margin-top: 153px; text-align:center; overflow:visible;
background: url("../imagens/menu_lateral.png") no-repeat;}

.canto_inferior_esquerdo { width: 39px; height: 40px; margin-left: -214px; margin-top: 560px; float:left; background: url("../imagens/canto_inferior_esquerdo.png") no-repeat;}

[William Bruno 1501]

poderia também usar um padding-top na div container do logo.