Ver Mensaje Individual
  #3 (permalink)  
Antiguo 29/09/2005, 02:14
Avatar de matius
matius
 
Fecha de Ingreso: julio-2005
Ubicación: Mexico, D.F.
Mensajes: 554
Antigüedad: 18 años, 9 meses
Puntos: 2
no es verdad, el hecho es que div solo tomará en cuenta el alto de la tipografia si no defines un valor para heigh

solucion usando id para alinear y class para border solo aplicado a la primera div o div "contenedor", el valor alto se define para las divs id "izquierda" y "derecha" (height:120px) pero no se usa en la principal pues el alto lo define el contenido, no el texto como aludio el compa.

esto funciona en ie, mozilla y opera

Cita:
<style>

/* div1 de borde, aplicalo como class="div1" en el div contenedor */

.div1 {
border: 1px solid black;

}

/*contenedor de datos con borde por class="div1" */

#contenedor {width:500px; float:left;}

/* div zquierdo alto a 120 pxs */

#izquierda {float:left; background-color:#0000FF ; width:250px; height:120px ; top: inherit;}

/* div derecho alto a 120 pxs */

#derecha {width:250px; height:120px ; float:left; background-color:#993300;}


</style>

<body>
<!-- contenido separado de css por id y class-->
<div class="div1" id="contenedor">
<!-- contenido separado de css por id="izquierda"-->
<div id="izquierda">
Uno<br />
Uno<br />
Uno<br />
Uno<br />
Uno<br />
Uno<br />
</div>
<!-- contenido separado de css por id="derecha"-->

<div id="derecha">
Dos<br />
Dos<br />
Dos
</div>

</div>
</body>
el borde no lo apliques a los divs internos pues los deformas.
debes definir un valor para height y checar que si el contenido de uno lo sobrepasa definas otro tamaño igual a cada uno.

el valor lo puedes usar en cualquier tabla usando id en cada div y aplicando class al "contenedor" de ambas divs

Última edición por matius; 29/09/2005 a las 02:28