Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de Estructura css creo que muy dificil de conseguir. AYUDA!!!! en el foro de CSS en Foros del Web. A ver si me podeis plantear un ejemplo de como seria una estructura de la siguiente manera: - Una cabecera arriba del todo de ancho ...
  #1 (permalink)  
Antiguo 08/10/2009, 03:58
Avatar de mdromed  
Fecha de Ingreso: septiembre-2009
Mensajes: 389
Antigüedad: 8 años, 3 meses
Puntos: 8
Estructura css creo que muy dificil de conseguir. AYUDA!!!!

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
  #2 (permalink)  
Antiguo 08/10/2009, 05:16
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Estructura css creo que muy dificil de conseguir. AYUDA!!!!

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
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 08/10/2009, 05:29
Avatar de mdromed  
Fecha de Ingreso: septiembre-2009
Mensajes: 389
Antigüedad: 8 años, 3 meses
Puntos: 8
Respuesta: Estructura css creo que muy dificil de conseguir. AYUDA!!!!

Cita:
Iniciado por Mikmoro Ver Mensaje
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.
  #4 (permalink)  
Antiguo 08/10/2009, 05:35
Avatar de w3Servicios  
Fecha de Ingreso: octubre-2009
Mensajes: 17
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Estructura css creo que muy dificil de conseguir. AYUDA!!!!

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
  #5 (permalink)  
Antiguo 08/10/2009, 05:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Estructura css creo que muy dificil de conseguir. AYUDA!!!!

Cita:
Iniciado por mdromed Ver Mensaje
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
__________________
Visita mi nueva web idplus.org
  #6 (permalink)  
Antiguo 08/10/2009, 06:00
Avatar de mdromed  
Fecha de Ingreso: septiembre-2009
Mensajes: 389
Antigüedad: 8 años, 3 meses
Puntos: 8
Respuesta: Estructura css creo que muy dificil de conseguir. AYUDA!!!!

Cita:
Iniciado por w3Servicios Ver Mensaje
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
  #7 (permalink)  
Antiguo 08/10/2009, 06:02
Avatar de mdromed  
Fecha de Ingreso: septiembre-2009
Mensajes: 389
Antigüedad: 8 años, 3 meses
Puntos: 8
Respuesta: Estructura css creo que muy dificil de conseguir. AYUDA!!!!

Cita:
Iniciado por Mikmoro Ver Mensaje
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.
  #8 (permalink)  
Antiguo 08/10/2009, 06:04
Avatar de w3Servicios  
Fecha de Ingreso: octubre-2009
Mensajes: 17
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Estructura css creo que muy dificil de conseguir. AYUDA!!!!

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.
  #9 (permalink)  
Antiguo 08/10/2009, 06:23
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Estructura css creo que muy dificil de conseguir. AYUDA!!!!

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.
__________________
Visita mi nueva web idplus.org
  #10 (permalink)  
Antiguo 08/10/2009, 07:14
Avatar de mdromed  
Fecha de Ingreso: septiembre-2009
Mensajes: 389
Antigüedad: 8 años, 3 meses
Puntos: 8
Respuesta: Estructura css creo que muy dificil de conseguir. AYUDA!!!!

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


Última edición por mdromed; 08/10/2009 a las 09:23
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 15:17.