mirar no tengo mucha idea de maquetación siempre tengo 1001 problemas . exactamente me pasa que un div sobrepasa al contenedor.. una imagen debajo para dejarlo más claro:
[IMG][URL=http://imageshack.us/photo/my-images/210/problemasmaquetacion.png/][IMG]http://img210.imageshack.us/img210/2415/problemasmaquetacion.th.png[/IMG][/URL] Uploaded with [URL=http://imageshack.us]ImageShack.us[/URL][/IMG]
Código:
<html>
<head>
<link rel="stylesheet" href="main.css" type="text/css">
</head>
<body>
<div class="contenedor">
<div class="degraizq">
</div>
<div class="degrader">
</div>
<div class="central">
<div class="contenido">
<div class="menu">
hola
</div>
<div class="contenido2">
hola<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>hola<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>hola<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</div>
</div>
</div>
</body>
</html>
Código:
# body { width:100%; margin:0;}
.contenedor { width: 1000px; margin: 0 auto; position:relative; height: auto; }
.degraizq { background:url('degraizq.png') repeat-y; height:100%; width:10px;position:absolute; top:0; left:0;}
.degrader { background:url('degrader.png') repeat-y top right; height:100%;width:10px;position:absolute;top:0;right:0;}
.central {width:980px;height:auto;border:1px solid black; margin: 0 auto; text-align:left;}
.contenido { width:960px; height: auto; margin: 5 auto;}
.menu { width:125px; border: 1px solid red; height:500px;}
.contenido2 { width:825px; border: 1px solid green; height: auto;position:absolute; top:5; left:155px;}
si me hechais un cable en solucionarlo de lujo peró también acepto criticas ya que lo he hecho un poco a mi aire y a lo mejor en vez de crear tantas cajas es mejor hacerlo de otra manera.. gracias de antemano.