Foros del Web » Creando para Internet » CSS »

Ayuda con Divs

Estas en el tema de Ayuda con Divs en el foro de CSS en Foros del Web. Hola a todos! Quisiera saber como crear un div con 3 columnas, porque la única forma que se es con tablas, pero ya no se ...
  #1 (permalink)  
Antiguo 27/02/2011, 22:11
Avatar de xarmagedonx  
Fecha de Ingreso: marzo-2009
Mensajes: 360
Antigüedad: 15 años, 8 meses
Puntos: 29
Ayuda con Divs

Hola a todos!

Quisiera saber como crear un div con 3 columnas, porque la única forma que se es con tablas, pero ya no se usan más.

Si no se puede hacer un div con 3 columnas quisiera saber como hacer uno con 2.

Saludos y gracias

EDITO: Ya pude hacerlo, les dejo la solución:

CSS:
Cita:
<style>
#Contenedor {
margin: 0px auto;
padding: 0px;
border:0;
width: 800px;
}

#Cabecera {
margin: 0 0 15px 0;
}

#columnaizq {
float: left;
width: 250px;
}

#columnacent {
float: right;
width: 250px;
}

#columnader {
float: left;
width: 37%;
}

#piedepagina {
clear: both;
}
</style>
Divs:
Cita:
<div id="Contenedor">
<div id="Cabecera">
<div align="center">texto</div>
</div>
<div id="Contenedor">
<div id="columnaizq">
Columna izq </div>

<div id="columnacent">
Columna derecha </div>

<div id="columnader">
Columna centro </div>
</div>
<div id="piedepagina">
<div align="center">texto</div>
</div>
</div>

Última edición por xarmagedonx; 27/02/2011 a las 22:26
  #2 (permalink)  
Antiguo 28/02/2011, 04:34
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 22 años, 4 meses
Puntos: 361
Respuesta: Ayuda con Divs

Hola:

Por si te sirve de algo tienes aquí un ejemplo de 3 columnas equilibradas y rizando un poco más el rizo aquí otro con 5 columnas..

Saludos.


Etiquetas: Ninguno
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:10.