Diseño con 7 columnas

[jose-manuel]

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

[Raulmmmm]

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 .

[jose-manuel]

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

[Raulmmmm]

¿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> 

[jose-manuel]

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

[Raulmmmm]

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?

[jose-manuel]

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

[Raulmmmm]

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.

[jose-manuel]

ok Raulmmmm

Gracias por tu empeño

Un saludo
desde Venezuela