Estructura css creo que muy dificil de conseguir. AYUDA!!!!

[mdromed]

A ver si me podeis plantear un ejemplo de como seria una estructura de la siguiente manera:

- Una cabecera arriba del todo de ancho 100%.
- Debajo, un marco que cubra la parte restante entera.
Y dentro de este ultimo marco, una estructura de 3 columnas en las que se pueda, a su vez, meter otros divs y que el contenido de dichas columnas se pueda alinear verticalmente: ya sea texto o imagenes, u otros elementos html.
- Y por ultimo un pie abajo que ocupe el ancho al 100% (igual que la cabecera pero abajo.)

A mi parecer, es un ejercicio para nota.
A lo mejor a vosotros os parece super facil.
A ver que propuestas me dais.
OS LO AGRADEZCO UN MILLON DE VECES!

Saludetes

[Mikmoro]

Muy astuto, mdromed, pero no es un ejercicio; es un trabajo gratis. Luego será: "y para que tenga borde la columan del centro? ¿y que las tres crezcan a la vez? ¿y con un fondo degradado? Ya pero es que quiero meter un flash y..."

Es decir: inténtalo, muestra tus intentos (que demuestran que estás estudiando, investigando e intentando conseguirlo por tí mismo), y luego consulta sobre cuestiones concretas (o genéricas pero con una base tuya). Todo lo que no sea eso, a mi juicio es que te hagan el trabajo sin esforzarte

[mdromed]

Iniciado por Mikmoro

Muy astuto, mdromed, pero no es un ejercicio; es un trabajo gratis. Luego será: "y para que tenga borde la columan del centro? ¿y que las tres crezcan a la vez? ¿y con un fondo degradado? Ya pero es que quiero meter un flash y..."

Es decir: inténtalo, muestra tus intentos (que demuestran que estás estudiando, investigando e intentando conseguirlo por tí mismo), y luego consulta sobre cuestiones concretas (o genéricas pero con una base tuya). Todo lo que no sea eso, a mi juicio es que te hagan el trabajo sin esforzarte

No, no seas mal pensado Mikmoro.
Lo llevo dando vueltas al tema como unos 4 o 5 dias.
He probado sin tablas, con tablas, con divs, con spans, .... y nada. Me es imposible.
De verdad, lo que quiero es saber hacerlo, no que me lo hagan.
Con table-cell y demas logré hacerlo pero claro, para IE6 y demas pues no funciona.
Si me podeis ayudar a saber hacerlo pues perfecto, pero es que creo q ya lo he probado todo.

[w3Servicios]

Hola mdromed, yo te daría algunos consejos, el ejercicio es fácil pero yo seguiría estas pautas:

1. Olvídate para siempre de las tablas a no ser que quieras meter datos dentro de ellas
2. Para las cajas que tan bien describes, utiliza div.
3. Yo te recomiendo que estudies el fácil funcionamiento de "float" y "clear". Una buena táctica para quitarte de problemas es flotar TODOS los divs (float:left, por ejemplo).
4. Dibuja en un papel lo que describes, y una vez que tengas claro el funcionamiento del float y clear deberías verlo claro, prueba poco a poco, pero de verdad, sale fácil.

Saludos

[Mikmoro]

Iniciado por mdromed

No, no seas mal pensado Mikmoro.
Lo llevo dando vueltas al tema como unos 4 o 5 dias.

Bueno, ya te lo he dicho antes: no soy mal pensado; muestra tus pruebas y se podrán aplicar correcciones o dar consejos sobre ellas. Si no, pensaré mal

[mdromed]

Iniciado por w3Servicios

Hola mdromed, yo te daría algunos consejos, el ejercicio es fácil pero yo seguiría estas pautas:

1. Olvídate para siempre de las tablas a no ser que quieras meter datos dentro de ellas
2. Para las cajas que tan bien describes, utiliza div.
3. Yo te recomiendo que estudies el fácil funcionamiento de "float" y "clear". Una buena táctica para quitarte de problemas es flotar TODOS los divs (float:left, por ejemplo).
4. Dibuja en un papel lo que describes, y una vez que tengas claro el funcionamiento del float y clear deberías verlo claro, prueba poco a poco, pero de verdad, sale fácil.

Saludos

Ok gracias tio, voy a probar con el float.
De todas maneras ¿El float y el clear lo soportan bien todos los navegadores? Me refiero a los problematicos IE5.5, IE6, IE7, ...
Gracias otra vez

[mdromed]

Iniciado por Mikmoro

Bueno, ya te lo he dicho antes: no soy mal pensado; muestra tus pruebas y se podrán aplicar correcciones o dar consejos sobre ellas. Si no, pensaré mal

Es que realmente no quiero que sobre un modelo que yo haya intentado hacer chapuceramente me lo hagais que "funcione" sino que me digais la mejor manera de hacerlo bien y no chapuceramente.

Ya he visto (y probado) muuuuchos ejemplos que he visto en internet pero todos tienen siempre algun defecto a la hora de alineaciones de textos, imagenes, ...

Ahora mismo estoy en el punto de que iba a empezar desde cero todo con tablas pa quitarme de lios pq estoy perdiendo un tiempo valiosisimo, pero voy a probar como me ha dicho w3services a ver que tal sale la cosa.

[w3Servicios]

Si, se soporta desde hace bastante (explorer 5 al menos), eso no quiere decir que se vaya a ver perfecto en todos los navegadores. Lo que mejor me funciona a mi es hacer lo siguiente:

1. Flotar TODOS los divs, en versiones de explorer suele dar bastante guerra un div flotado que está dentro de otro no flotado

2. Los anchos, paddings, margins... Hay variaciones en cómo se mide el ancho de un elemento entre los motores de firefox y explorer, como solución a veces sólamente queda usar los comodines "*" o "_" (explorer) para los atributos css que quieres que coja de manera distinta entre explorer y firefox.

[Mikmoro]

Ya, no te preocupes, es sólo por incordiar

Seguro que pronto aparece alguna sugerencia para que puedas ver si falla o tiene algún defecto como las que has visto.

[mdromed]

Bueno voy a empaparme con el float y clear y a ver que saco en limpio