maquetar lateral con css

acrego · #1 (**permalink**) 25/10/2005, 01:32

buenas tengo una duda, tengo un diseño hecho con css, es muy simple una cabezera,un lateral para el menu y un cuerpo:

Código:

<body>
<div id="contenedor">
	<div id="cabecera">
	</div>
	<div id="cuerpo">
		<div id="lateral">
		<ul>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		</div>
		<div id="principal">
		</div>
	</div>
</div>
</body>

esto seria en html, mi duda viene ahora, como puedo hacer que el lateral donde esta el menu siempre me ocupe el 100% de la altura, es decir que dependiendo de la resolucion simpre ocupe todo el alto.
Y otra cosa, en el navegador me deja unos cuantos pixeles de margenes, como puedo hacer para que se me ajuste y no me deje margenes.

el codigo css seria:

Código:

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#000000;
}
#contenedor{
	text-align:left;
	width:100%;
	height:100%;
	padding-left: 24 px;
	
}
#cabecera{
	width:100%;
	height:50px;
	border-bottom:5px solid #99cdff;
	
}
#cuerpo{
	width:100%;
	height:100%;
}
#lateral{
	background-color:#99cdff;
	float:left;

}

un saludo

axiertxo · #2 (**permalink**) 25/10/2005, 03:50

para que el navegador no te deje pixeles de espacio añade esto al body

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

respecto al tamaño del menu , echa un vistazo a este post

http://www.forosdelweb.com/showthrea...33#post1304033

kahlito · #3 (**permalink**) 26/10/2005, 00:18

Para controlar el espacio con css puedes hacerlo asi:

Código:

body {
	margin:0;
	padding:0;
}