Gracias, pero no logro que se muestre bien.
El estilo de las capas es:
Código:
#centro { //capa contenedora
background: url(../imagenes/centro.png) repeat-y;
width: 1000px;
margin: auto;
text-align: left;
}
#secciones { //capa que está dentro de "#centro" y a la izquierda
padding: 0 20px 0 20px;
width: 660px;
float: left;
}
#enlaces { //capa que está dentro de "#centro", pero a la derecha
border-left: 1px #DDD dotted;
float: right;
padding: 0 20px 0 20px;
width: 259px;
} Las capas están acomodadas así:
Código:
<div id="centro">
<div id="secciones">
<p>secciones</p>seccion1<p>seccion 2</p> seccion 3
</div>
<div id="enlaces">
enlaces
</div>
</div>
los estilos los pongo en colores porque tengo un pequeño diagrama de la página:
Y así se "debería" de ver (o por lo menos eso creo):
Como ven, la capa contenedora tiene el fondo, pero solo se ve ese fondo en Internet Explorer, en Firefox, Opera y Safari no lo muestra y se "salta" hasta el fondo de la página (el degradado gris).
Ya intente con el display:block, con un alto y ancho fijos, incluso con el clear:both (aunque no tiene mucho que ver, porque 'clear' sirve para otra cosa), pero bueno, ya lo intenté y no lo logro.
Alguna idea? :(
Saludos!