Maquetación CSS, ¿una columna en px y otra en %?

[Tximis]

Buenas,

Apenas tengo conocimientos de CSS, por lo que no se si será posible hacer lo que estoy intentando. Quiero hacer una maquetación en 3 columnas, la de la izquierda y la de la derecha quiero que tengan un ancho fijo, pongamos por ejemplo 100px. cada columan. Y la columna central quiero que sea un tanto por ciento, lo que quede de quitar los 200px que me ocupan las otras dos columanas. Algo asi:

Código:

[100 px] [x %] [100 px]

¿Es posible hacer esto? ¿Cual sería el código? ¿Alguna web de referencia? Muchas gracias

[PatomaS]

Hola

si, si es posible...

ahora bien, puede que te interese mejor utilizar frames o iframes para eso ¿no?.

Digo, porque parece que ocupará toda la página y en css la maquetación de 3 columnas es algo peleaguda si se quiere conseguir que se vean bien en todos los navegadores.

Bueno, ya nos dirás si necesitas que sea una tabla o si pueden ser frames.

Felicidad

[Tximis]

Hola PatomaS, gracias por responder. No quiero usar frames/iframes, quiero hacerlo con HTML + CSS, ¿Alguna web de referencia?. De momento tengo esto:

Código:

#columna1 {
	position: absolute;
	width: 100px;
	left: 0px;
	border: solid 1px #999;
}

#columna2 {
	position: absolute;
	left: 100px;
	right: 100px;
	border: solid 1px #999;
}

#columna3 {
	position: absolute;
	width: 100px;
	right: 0px;
	border: solid 1px #999;
}

La columna de la izquierda con la central "encajan", queda bien. Pero la columna central con respecto a la de la derecha no queda bien, hay un "hueco", no quedan juntas "exactamente". De momento esto me sirve, pero me gustaria que quedarian encajadas exactamente las columnas.

Muchas gracias,

[Mike1304]

http://webstandardsgroup.org/resources/, verificate este link
hay excelente de links
otros para entretenerse serian
http://www.bluerobot.com/web/layouts/layout3.html
http://glish.com/css/7.asp
http://www.pixy.cz/blogg/clanky/css-3col-layout/

[PatomaS]

CIertamanente son buenos vínculos

Pero dejo otro más por aquí por lo que pueda ser:

http://www.glish.com/css/7.asp

http://www.fu2k.org/alex/css/layouts...1&show_style=0

Suerte

Felicidad

[Tximis]

Muchas gracias PatomaS y Mike por los enlaces

[kemie]

si quieres que la columna de en medio se expanda a cubrir todo el espacio posible (dejando espacio para las otras columnas, claro), simplemente no le especifiques ningun ancho y automaticamente se expandera.solo dale margenes a la derecha e izquierda equivalentes al ancho de tus otras columnas.