Comunidad de diseño web y desarrollo en internet online

Consejo "3 columnas"

Citar            
MensajeEscrito el 27 Jun 2007 10:12 pm
Hola amigos de Cristalab.
He leido varios tutoriales para maquetar con CSS una pagina con 3 columnas y he visto varias versiones de como acomodar los div.
Basicamente mi pregunta es si alguna estas versiones es mas optima teniendo en cuenta las distintas formas de "entender" que tienen los navegadores (principalmente IE) el CSS o son simplemente distintas opciones.
Aca pongo los codigos:

Version 01:

Código :

<div id="contenedor">
    <div id="cabecera"></div>
    <div id="columna_izq"></div> /*flotada a la izquierda*/
    <div id="columna_der"></div>/*flotada a la derecha*/
    <div id="principal"></div>    
    <div id="pie"></div>
</div>


Version 02:

Código :

<div id="contenedor">
    <div id="cabecera"></div>
    <div id="cuerpo">
       <div id="lateral"></div>
       <div id="otrolado"></div>
       <div id="principal"></div>
    </div>
    <div id="pie"></div>
</div> 


Version 03:

Código :

<div id="contenedor">
    <div id="cabecera"></div>
    <div id="cuerpo">
       <div id="lateral"></div>
       <div id="derecha">
          <div id="principal"></div>
          <div id="otrolado"></div>
       </div>
    </div>
    <div id="pie"></div>
</div>


Desde ya, muchas gracias..

Por GustavoV

Claber

136 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 28 Jun 2007 12:16 pm
Yo usaria la segunda opción, aunque creo que las tres estan bastante bien. Por ahi la tercera es medio confusa. Todo depende de como realmente vas a diagramar la página

Por PabloHdS

251 de clabLevel



 

firefox
Citar            
MensajeEscrito el 28 Jun 2007 02:23 pm
Gracias Pablo, yo tambien me inclinaba mas por la segunda.
Por suerte existe esta gran pagina que ayuda a despejar todas las dudas respecto al desarrollo web.

Por GustavoV

Claber

136 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 28 Jun 2007 03:19 pm
El hecho de encerrar las tres partes del 'cuerpo' en un div ayuda al orden de la pagina, ademas ayuda tambien a que no se ''descuadre'' en algunos navegadores (tengo malas experiencias con los div y las capas :lol:), pero encerrar todos los div en 1 , NO es practico

Por Arturo_X

13 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 28 Jun 2007 03:34 pm
Depende, puede ser práctico o no, depende de como diagrames la página y como sea el diseño. Ahora mismo se me ocurre un ejemplo en el cual SI sería práctico un DIV contenedor.

Por PabloHdS

251 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.