Comunidad de diseño web y desarrollo en internet online

div con dos columnas de texto

Citar            
MensajeEscrito el 05 Mar 2007 11:04 am
Hola! ¿Cómo puedo insertar en un div un texto a dos columnas?

Gracias

Por moribe

15 de clabLevel



 

safari
Citar            
MensajeEscrito el 05 Mar 2007 11:37 am
Rápido se me ocurre colocar dentro del div, dos divs con la propiedad float, pero seguramente haya mejores maneras de hacerlo

Por PabloHdS

251 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Mar 2007 12:49 pm
Gracias, pero me gustaria no usar muchos div dentro de otros div....

Por moribe

15 de clabLevel



 

safari
Citar            
MensajeEscrito el 05 Mar 2007 02:24 pm
Hay una futura propiedad css3 que te permite eso, pero por ahora no es posible a menos que uses divs embebidos.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 05 Mar 2007 03:11 pm
Gracias por la aclaración. ¿Podrias darme algun dato más sobre los div embebidos?

Por moribe

15 de clabLevel



 

safari
Citar            
MensajeEscrito el 05 Mar 2007 04:33 pm

Código :

.columna {
width: 45%; /* 46% navegadores modernos, 45% por IE debido a un bug de calculo de porcentajes, pruebalo de todas formas con 46% */
margin-right: 2%;
float: left;
}

Código :

<div class="columna">
aquí va el texto de la primera columna...
</div>
<div class="columna">
... y aquí va el texto de la segunda columna
</div>

Ah, y no te olvides de usar alguna forma de clearing después como ejemplo:

Código :

<div style="clear:both"></div>

Por frenadoll

922 de clabLevel

6 tutoriales

Genero:Masculino  

Barcelona

firefox
Citar            
MensajeEscrito el 06 Mar 2007 07:44 am
Gracias por las respuesta, me fue de mucha utilidad.

Por moribe

15 de clabLevel



 

safari

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.