[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:
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. # 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;}
