Foros del Web » Creando para Internet » CSS »

Ancho de capas ajustable al ancho de otra

Estas en el tema de Ancho de capas ajustable al ancho de otra en el foro de CSS en Foros del Web. Hola a todos. Espero poder expresarme bien. Tengo dos capas, llamemosle capa_1 y capa_2, con float: left y float: right respectivamente. Estas capas están ubicadas ...
  #1 (permalink)  
Antiguo 04/01/2009, 20:21
 
Fecha de Ingreso: marzo-2005
Mensajes: 1.418
Antigüedad: 12 años, 8 meses
Puntos: 9
Ancho de capas ajustable al ancho de otra

Hola a todos. Espero poder expresarme bien. Tengo dos capas, llamemosle capa_1 y capa_2, con float: left y float: right respectivamente. Estas capas están ubicadas en una capa que las contiene, con un ancho determinado, supongamos 200px. Entonces, quiero que si capa_1 tiene de ancho 40px (de acuerdo al texto que esté escrito en esta) capa_2 tenga 160px de ancho. Pero si a capa_1 ahora se le introduce un texto más largo, y el ancho de capa_1 es ahora de 100px, entonces quiero que capa_2 tenga un ancho de 100px también.
Eso es todo.
Saludos.
__________________
Add, never Remove
  #2 (permalink)  
Antiguo 05/01/2009, 00:48
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Ancho de capas ajustable al ancho de otra

Pon primero la caja de la derecha y quita el float a la de la izquierda:

Ejemplo:
Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title></title>
<style type="text/css">
* {margin: 0;padding:0;}
#derecha, #izda {height: 600px;}
#derecha {float: right; background-color: #00f;}
#izda {background-color: #f0f;}
</style>
</head>
<body>
<div id="derecha">Una prueba de contenido</div>
<div id="izda"></div>
</body>
</html>
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 05/01/2009, 05:24
 
Fecha de Ingreso: marzo-2005
Mensajes: 1.418
Antigüedad: 12 años, 8 meses
Puntos: 9
Respuesta: Ancho de capas ajustable al ancho de otra

El efecto que quería lograr era el contrario, pero tu código me ayudo a darme cuenta de como lograrlo. Puse la capa de la izquierda a la izquierda, y deje su atributo float: left; y a la capa de la derecha le borre el atributo float: right y listo. Gracias por tu respuesta!.
__________________
Add, never Remove
  #4 (permalink)  
Antiguo 05/01/2009, 06:26
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Ancho de capas ajustable al ancho de otra

Ah, vale, lo había entendido al revés, pero efectivamente, era lo mismo.
__________________
Visita mi nueva web idplus.org
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 19:53.