hola
me he puesto a ver si conseguia el efecto q querias, y he obtenido
este codigo, a ver q te parece:
<!-- aqui hay que poner un doctype para que sea interpretado
adecuadamente por todos los navegadores -->
<html>
<head>
<style>
.tres{
border:4px red solid;
width:90%;
margin-left:3%;
position:absolute;
}
.una{
border:3px blue dotted;
width:20%;
float:left;
margin:10px 1%;
padding:10px 2%;
}
.dos{
border:3px green solid;
margin:10px 1%;
margin-left:29%;
padding:10px 2%;
}
.clear{
clear:both;
}
</style>
</head>
<body>
<div class="tres">
div 3
<div class="una">
div 1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas
ultricies ipsum ac dui. Fusce quis erat ut enim dapibus suscipit. Etiam
sed ante.
</div>
<div class="dos">
div 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas
ultricies ipsum ac dui. Fusce quis erat ut enim dapibus suscipit. Etiam
sed ante.
</div>
<div class="clear"></div>
div 3
</div>
</body>
</html>
Los bordes punteados son para ver como se organizan las cajas, son
perfectamente omitibles, el texto. La clase clear sirve para poder
terminar el efecto flotado que se consigue con la propiedad float:left
en el div 1. El hecho de posicionar con absolute el div 3, no sé si es
relevante, prueba a quitarlo, a no ser que se vea fatal en otro
navegador q no sea el firefox 2, sin el absolute, claro.
Basicamente lo que necesitas es flotar uno de los divs y dejar q el
otro se expanda a partir del punto donde se termina el div flotado,
eso se consigue con el margin-left que ha de ser igual o mayor al
ancho del div flotado :)
Lo del efecto sobre el texto se hace con el padding, es decir la
distancia que hay entre el margen exterior de la caja, hasta el
contenido de la caja. Esto genera problemas en el IE, porque no suma
bien las distancias y crea muchos problemas, ya lo verás XDD
suerte!
On 4/9/07, ramirex <[EMAIL PROTECTED]> wrote:
> Saludos..
>
> tengo dos preguntas sobre los div's y los css
>
> 1.- como le hago para tener dos div's alineados de forma horizontal
> dentro de otro div.
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
