Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/12/2008, 04:49
Avatar de Dundee
Dundee
 
Fecha de Ingreso: junio-2002
Ubicación: El Médano
Mensajes: 1.310
Antigüedad: 21 años, 10 meses
Puntos: 8
problema al maquetar con el header

Buenas , estoy iniciándome a maquetar sitios con CSS cuando antes lo hacía con tablas. Cada dia lo hago mejor jejeje pero todavía me surjen problemillas como este:
Tengo este código (abajo) con el siguiente problema . Tengo un header que mide 120px de height y yo quiero que el menú que se presenta mediante una lista en horizontal se vea al final del header , es decir si mide el header 120px púes inmediatemente antes de terminar el header (115px + o -). El problema es que si hago esto :

Código:
#header ul  
{margin.top: 115px;
padding: 0;
list-style-type: none;
text-align: center; 
}
Se estira el header y yo no quiero eso , quiero que el header mida 120 px si o si ¿como puedo hacer esto?.
El código entero está aquí abajo:
EL HTML
Código:
<div id='container'>
<div id='header'>

	<ul>
	<li>Inicio</li>
	<li>Nuevo anuncio</li>
	<li>Registro</li>
	<li>Login</li>
	<li>Ayuda</li>
	<li>Directorio</li>
	</ul>

</div>
<div id='cuerpo'>
<!-- aquí dentro va todo el cuerpo de la web (menos la cabecera) -->
<div id='left_menu'> dd</div>
<div id='main'> </div>
<div id='right_menu'> </div>

EL CSS

Código:
/* capas del sitio */
#container {width:99%; border:1px solid #003366}
#header {height:120px}
#cuerpo {background-color:#CC9900;height:620px }
#left_menu {float:left; width:120px ;border:1px solid #003366;height:320px}
#main {background-color:#003300}
#right_menu {float:right; width:120px ;border:1px solid #003366;height:320px}

/* listas y estilos*/

#header ul  
{margin: 0;
padding: 0;
list-style-type: none;
text-align: center; 
}
#header ul li {display: inline;}
</div>
Un saludo y mil gracias de antemano