Comunidad de diseño web y desarrollo en internet online

CSS a 3 Columnas

Citar            
MensajeEscrito el 20 Jul 2005 07:23 pm
con floats es la mejor opción, flotas los primeros dos a la izquierda y el tercero a la derecha y -básicamente- eso es todo
utilizar position (la propiedad) es la peor manera de maquetar un sitio que quieres que se vea igual con la mayoría de los navegadores.
también te recomiendo que bajes el web developer toolbar (extensión de firefox), que vayas a un sitio css (de esos de stylegala) que te guste, que tenga un maquetado a 3 columnas y presiones ctrl+shift+e para que veas cómo fue diseñado el sitio, así te das una mejor idea de lo que te hablo

un saludo

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 20 Jul 2005 07:56 pm
echale un ojo a esto:
www.coderic.org/lib.gui.php
8) he alli la respuesta.

Por jhony192

791 de clabLevel

1 tutorial

Genero:Masculino  

Just Another Programmer

firefox
Citar            
MensajeEscrito el 20 Jul 2005 08:00 pm
Yo no lo he necesitado, he maquetado a tres columnas solo con float.

hablando por supuesto con anchos fijos. Si tienes un div contenedor, digamos de 720px de ancho, dentro de el puedes poner las tres columnas con float:left; cada una con la medida de ancho necesaria para que sumen los 720px del contenedor.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

clabbrowser
Citar            
MensajeEscrito el 20 Jul 2005 08:07 pm

Prozac escribió:

...pero no usa los floats.


Como que no?

Código :

#izquierda {
width: 120px;
height: 350px;
border: none;
background-color: yellow;
float: left;
} 


Ahi abajo esta el float

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

clabbrowser
Citar            
MensajeEscrito el 20 Jul 2005 08:59 pm
:lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol:

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

clabbrowser
Citar            
MensajeEscrito el 20 Jul 2005 10:43 pm

ramm escribió:

Yo no lo he necesitado, he maquetado a tres columnas solo con float.

hablando por supuesto con anchos fijos.
Yo también lo hago con float (oh maestro fael...), aún con anchos diferentes... hay un truco interesante... imagen de fondo dividiendo las columnas...

mi sabia abuela escribió:

Al vivo a señas, el bruto a leña...

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Honduras

firefox
Citar            
MensajeEscrito el 21 Jul 2005 07:27 am
Pues eso, float:left; y listo. Justo tengo que maquetar una web con 3 columnas, y veo esto xD

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 23 Jul 2005 07:12 pm
wenas gente

por mi parte utilizo listas y coloco los li (tb se pueden hacer con div) uno al lado del otro con display=inline, creo q es una buen avariante para no usar float.

Esperomos al css3 q segun vi por algun lado, va a venir con soporte de escritura en columnas :wink:


saludos

Por alfathenus

833 de clabLevel

5 tutoriales

 

buenos aires || Argentina

firefox
Citar            
MensajeEscrito el 23 Jul 2005 08:37 pm
Si eso es en el CSS3, pero no podras hacerlo en el IE sino hasta 1 año mas tarde, cuando ya haya CSS4.1 y podamos crear webs vistas en hologramas.

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 11 Sep 2012 12:21 pm
Yo usaria un width de 33.33% sin margin, con inline-block y vertical-align top.
Saludos.

Por SinSemilla

Claber

336 de clabLevel



Genero:Masculino  

i am that i am...

firefox

 

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