Foros del Web » Creando para Internet » CSS »

Capa con width dinámico

Estas en el tema de Capa con width dinámico en el foro de CSS en Foros del Web. Hola: antes que nada avisaré de que soy bastante novatillo con CSS. Tengo el siguiente HTML Código PHP: < body leftmargin = "0"  topmargin = "0"  ...
  #1 (permalink)  
Antiguo 29/11/2007, 07:14
 
Fecha de Ingreso: mayo-2006
Ubicación: Madrid
Mensajes: 153
Antigüedad: 17 años, 10 meses
Puntos: 3
Busqueda Capa con width dinámico

Hola:

antes que nada avisaré de que soy bastante novatillo con CSS.

Tengo el siguiente HTML

Código PHP:
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
 <
div id="todo">
    <
div id="cabecera"dd</div>
    <
div id="menu"dd</div>
    <
div id="derecha">bb</div>
  </
div>
</
body
Y este es su CSS:

Código PHP:
#todo{
    
width:auto;
    }
    
#cabecera{
    
width:100%;
    
height:100px
    }
    
#menu{
    
positionabsolute
    
width:150px;
    
height:452px
    
left10px
    
top110px;
    }

#derecha{
    
position:absolute
    
top:110px;
    
left:170px;     
    
right:10px
    
width:100%;
    
height:452;
    } 
Me gustaría conseguir que la capa #derecha tenga un ancho dinámico para que ocupe toda la pantalla pero cumpliendo siempre 2 condiciones:
-Que esté a 170px de la izquierda y
-que esté a 10px de la derecha

Lo he intentado con la capa #todo, pero no soy capaz. No sé que valores tengo que asignar a ninguna capa para conseguirlo.

¿Es posible hacer lo que pido o sigo soñando?

Saludos!!!!
  #2 (permalink)  
Antiguo 29/11/2007, 08:23
 
Fecha de Ingreso: octubre-2006
Ubicación: Murcia - España
Mensajes: 336
Antigüedad: 17 años, 5 meses
Puntos: 6
Re: Capa con width dinámico

- sustituye left por margin-left y right por margin-right.
- quita position:absolute y pon en su lugar float:left o right (dependiendo de la alineación).
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 22:40.