Ver Mensaje Individual
  #10 (permalink)  
Antiguo 11/02/2009, 18:30
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Ayuda para centrar capas

Ah, pues si es así perfecto.
En ese caso un par de detalles:

1.- no pongas acentos en el title, o en IE6 la página desaparece por completo.
2.- el código CSS está muy bien, aunque lo podemos economizar bastante:
Cita:
<style type="text/css">
* { margin:0px; padding:0px;}
html, body, #container, #sidebar, #main {height: 100%;}
body {text-align: center;
color: #fff;
font-family: sans-serif;
font-size: 12pt;
}
#container {position: relative;
width: 750px;
margin: 0px auto;
overflow: hidden;
text-align: left;
background-color: #ff00ff;
border: #000 1px solid;
}
#header {position:relative;
width: 750px;
height: 230px;
background-color: #ff0000;
}
#sidebar {width: 204px;
position: absolute;
top: 230px;
left: 0px;
float: left;
background-color: #aa8a8d;
}
#sidebarOpciones {width: 204px;
height: 162px;
background-color: #00cc00;
}
#sidebarCuerpo {width: 204px;
height: 100px;
}
#sidebarContacto {width: 204px;
height: 117px;
background-color: #484848;
}
#main {position:absolute;
top: 230px;
left: 162px;
float: right;
width: 100%;
margin: 0px 20px 20px 0px;
padding: 0px;
background-color: #000fff;
}
#footer {clear: both;}
</style>
Vamos, sólo esas dos pequeñas puntualizaciones, porque por lo demás está resuelto muy bien
__________________
Visita mi nueva web idplus.org