Foros del Web » Creando para Internet » CSS »

Diseño con 7 columnas

Estas en el tema de Diseño con 7 columnas en el foro de CSS en Foros del Web. Amigos, espero que puedan ayudarme con un diseño de 7 columnas. Les explico: la pagina debe tener 1.- una Cabecera (header) 2.- un Pie (footer) ...
  #1 (permalink)  
Antiguo 21/01/2008, 19:07
Avatar de jose-manuel  
Fecha de Ingreso: diciembre-2007
Mensajes: 6
Antigüedad: 10 años
Puntos: 0
Diseño con 7 columnas

Amigos, espero que puedan ayudarme con un diseño de 7 columnas.

Les explico: la pagina debe tener
1.- una Cabecera (header)
2.- un Pie (footer)
3.- una Columna izquierda
4.- una Columna derecha

todas estas capas deben permanecer siempre en pantalla, sin moverse de su ubicacion original y sin scroll y soportando el resize que pueda hacer el usuario y manteniendo siempre la proporcion entre las capas (con porcentajes supongo).

Y 3 capas o divs uno encima del otro alineados perfectamente, de tal manera que una capa tape a las demas y visualizando siempre una sola de las capas de acuerdo al click de un boton. Por supuesto que estas 3 capas si deben tener scroll.

Sencillo verdad, ja ja, es broma. Bueno pero para los expertos en CSS si debe ser facil, lo he intentado varias veces pero cada vez me queda peor. Debe ser porque soy demasiado nuevo en este mundo de la web. No coloco aqui el codigo que he hecho porque esta tan desordenado y remendado que da pena.

Tambien he intentado modificar muchas plantillas similares que he conseguido en la web, pero solo he conseguido dañarlas. No se ven tan mal en fireFox pero se ven terribles en IE6.

Gracias a todos por su esfuerzo.

Un saludo
  #2 (permalink)  
Antiguo 22/01/2008, 13:17
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Re: Diseño con 7 columnas

No he entendido esto bien:
Y 3 capas o divs uno encima del otro alineados perfectamente, de tal manera que una capa tape a las demas y visualizando siempre una sola de las capas de acuerdo al click de un boton. Por supuesto que estas 3 capas si deben tener scroll.

Si me lo explicas mejor, o con una imagen, quizás pueda ayudarte.
No digo que lo hayas explicado mal, pero no lo entiendo .
  #3 (permalink)  
Antiguo 22/01/2008, 19:36
Avatar de jose-manuel  
Fecha de Ingreso: diciembre-2007
Mensajes: 6
Antigüedad: 10 años
Puntos: 0
Diseño con 4+3 columnas

Amigo Raulmmmm

Gracias por tomarte el tiempo de responder.

"Y 3 capas o divs uno encima del otro alineados perfectamente, de tal manera que una capa tape a las demas y visualizando siempre una sola de las capas de acuerdo al click de un boton. Por supuesto que estas 3 capas si deben tener scroll."

En el parrafo de arriba me refiero al area que queda en el centro de la pantalla entre el header y el footer y la columna izquierda y derecha. La idea es que las 3 capas ocupen la misma area. Yo las lleno de contenido y las pongo visibles o invisibles dependiendo del boton pulsado.

Esto es para evitar que sea llamada una pagina completa solo para ver algo de contenido, de esta forma sin dejar la pagina se pueden ver varios elementos de la web que estoy haciendo.

Gracias y si hace falta aclarar mas me lo dices.


Un saludo desde Venezuela

Última edición por jose-manuel; 22/01/2008 a las 20:04
  #4 (permalink)  
Antiguo 23/01/2008, 07:32
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Re: Diseño con 7 columnas

¿Algo así http://www.desarrolloweb.com/articulos/2160.php?
¿O así: (tres columnas, header y footer y tres divs en la columna central)?
Código HTML:
<div id="contenedor">
    <div id="cabecera">
       Cabecera 01
    </div>
    <div id="cuerpo">
       <div id="lateral">
          <ul>
             <li><a href="#">Enlace 1</a>
             <li><a href="#">Vínculo 2</a>
             <li><a href="#">Otro enlace</a>
             <li><a href="#">Link chulo</a>
             <li><a href="#">Más enlaces</a>
             <li><a href="#">Otro último</a>
          </ul>
       </div>
       <div id="otrolado">
          <img src="bannerlateral.gif" width="120" height="600" alt="">
       </div>
       <div id="principal">
          <div id="principaluno">
          Uno.
          </div>
          <div id="principaldos">
          Dos.
          </div>
          <div id="principaltres">
          Tres.
          </div>
       </div>
    </div>
    <div id="pie">
       © 2005 DesarrolloWeb.com
    </div>
</div> 
  #5 (permalink)  
Antiguo 23/01/2008, 14:08
Avatar de jose-manuel  
Fecha de Ingreso: diciembre-2007
Mensajes: 6
Antigüedad: 10 años
Puntos: 0
Re: Diseño con 7 columnas

Amigo Raulmmmm

Para que te hagas una idea mas precisa, visita la web que estoy construyendo

http://www.oviceregion6.org

alli podras ver como los botones de la derecha hacen los cambios en los div centrales

Tengo poca experiencia en esto de hacer paginas web, estoy aprendiendo desde hace 3 meses. Ya la pagina esta trabajando mas o menos como yo quiero con diferencias entre fireFox e IE y problemas con el rezise. Dame tu opinion

Un saludo desde Venezuela
  #6 (permalink)  
Antiguo 24/01/2008, 11:34
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Re: Diseño con 7 columnas

Ya me he hecho una idea . Y lo que quieres es que te vaya bien en cualquier resolución, ¿no?. Pues voy a mirar el código...

PD: Una cosa... eso de que cuando pinches en un enlace active un Javascript que muestre la información... es por lo que creo que te pasa eso. ¿Podríamos poner un <iframe>, que daría menos código y menos problemas?

Última edición por Raulmmmm; 24/01/2008 a las 11:41
  #7 (permalink)  
Antiguo 24/01/2008, 22:48
Avatar de jose-manuel  
Fecha de Ingreso: diciembre-2007
Mensajes: 6
Antigüedad: 10 años
Puntos: 0
Re: Diseño con 7 columnas

ok Raulmmmm

Estudia el codigo y me avisas

Uno de los problemas que tiene es que las capas centrales se desbordan por sobre el footer dependiendo si lo veo en FireFox o IE. Con respecto al <iframe> no tengo ni idea de que es, apenas he oido hablar de ellos. Tengo tan poco tiempo en esto que no tengo ni idea de lo que es WordPress, cuales son las ventajas de los png sobre los gif y por que muchos se preocupan tanto porque su codigo sea válido.

Te doy las gracias por la orientacion que me puedas dar

Un saludo
desde Venezuela
  #8 (permalink)  
Antiguo 25/01/2008, 07:45
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Re: Diseño con 7 columnas

Vale, con el iframe me parece que todo saldrá bien . Eso sí, tendrás las distintas secciones de la web en archivos separados.

Ahora mismo me pongo a trabajar.
  #9 (permalink)  
Antiguo 25/01/2008, 22:16
Avatar de jose-manuel  
Fecha de Ingreso: diciembre-2007
Mensajes: 6
Antigüedad: 10 años
Puntos: 0
Re: Diseño con 7 columnas

ok Raulmmmm

Gracias por tu empeño

Un saludo
desde Venezuela
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

SíEste tema le ha gustado a 1 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 14:16.