Foros del Web » Creando para Internet » CSS »

Posicionamiento de dos capas

Estas en el tema de Posicionamiento de dos capas en el foro de CSS en Foros del Web. Tengo una capa en el lateral izquierodo que quiero que contenga a otras dos. La primera de esas dos irá arriba, es decir con un ...
  #1 (permalink)  
Antiguo 26/10/2006, 10:40
 
Fecha de Ingreso: junio-2006
Mensajes: 10
Antigüedad: 11 años, 6 meses
Puntos: 0
Posicionamiento de dos capas

Tengo una capa en el lateral izquierodo que quiero que contenga a otras dos. La primera de esas dos irá arriba, es decir con un top:0px; y la segunda debajo de esta con una separaciónn de 100 px entre ambas.

Como puedo hacer esto? Lo he probado de muchas formas pero la altura de la capa contenedora nunca es la correcta. La segunda capa, la que va debajo, siempre se sale.

Aquí va lo último que he probado
Cita:
<div id="cLateral">
<div id="cZonas">
<table>
<tr>
<td>*<td>zonas
</tr>
<tr>
<td>*<td>Registro de cuenta bancária
</tr>
<tr>
<td>*<td>Visualizar los datos bancarios
</tr>
<tr>
<td>*<td>Alta proveedores
</tr>
</table>
</div>

<div id="cIconos">
<table border=1>
<tr>
<td>*<td>Iconos
</tr>
<tr>
<td>*<td>Registro de cuenta bancária
</tr>
<tr>
<td>*<td>Visualizar datos bancarios
</tr>
<tr>
<td>*<td>Alta proveedores
</tr>
</table>
</div>


</div>
Y aquí el CSS que le aplico:
Cita:
#cLateral{
position:absolute;
left:0px;
top:60px;
width:200px;
height:auto;
background-color:#FFFFCC;
border-style:solid;
border-width:1px;
}
#cZonas{
position:relative;
top:0px;
left:0px;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
#cIconos{
position:relative;
top:100px;
left:0px;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
  #2 (permalink)  
Antiguo 26/10/2006, 14:46
Avatar de alexblue  
Fecha de Ingreso: enero-2006
Ubicación: Londres
Mensajes: 71
Antigüedad: 11 años, 10 meses
Puntos: 0
Hola vicgar20

Yo he probado con este código y creo que es lo que buscas:

Código:
#cLateral{
    position:absolute;
    left:0px;
    top:60px;
    width:200px;
    background-color:#FFFFCC;
    border-style:solid;
    border-width:1px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
}
#cZonas{
    margin-bottom:100px;
}
He simplificado un poco los estilos como puedes comprobar.

Por otra parte, ¿has considerado el uso de <ul> en lugar de tablas para mostrar listas?

Saludos y espero que sea la solución que buscabas.
__________________
Alex
alexamine.co.uk
Mi profile en Linked In
  #3 (permalink)  
Antiguo 27/10/2006, 02:26
 
Fecha de Ingreso: junio-2006
Mensajes: 10
Antigüedad: 11 años, 6 meses
Puntos: 0
Muchas gracias Alex. Me ha ssido de gran ayuda. Tu solución me sirve a la perfección. No obstante creo que lo ideal sería encontrar la form de que la capa contenedora se ajustara al tamaño de los elementos que contiene, pero no sólo a eso sinó también a la posición de estos.

Nuevamente gracias.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:09.