Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/04/2009, 02:00
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Cambiar estructura HTML en estructura de 3 columnas

Muy buenas y perdonen la redundancia .

Tengo una estructura de tres columnas, las dos exteriores son de ancho fijo y la del centro es de ancho variable, según resolución del navegador.

Funciona correctamente, el único problema con el que me topo es que en el HTML tengo que anteponer las columnas laterales a la del contenido, y realmente quedaría mejor si es justamente al revés.

Lo que tengo es algo así:

Código html:
Ver original
  1. <div id="left">
  2. menú izquierda
  3. </div>
  4.  
  5. <div id="right">
  6. menú derecha
  7. </div>
  8.  
  9. <div id="central">
  10. Contenido
  11. </div>


Código css:
Ver original
  1. #central{
  2. margin-left:200px;
  3. margin-right:400px;
  4. }
  5.  
  6. #left{
  7. float: left;
  8. width: 200px;
  9. }
  10.  
  11. #right{
  12. float:right;
  13. width:300px;
  14. }

Y me gustaría tener las capas left y right por debajo de central, pero si lo hago tal cual, right y left se posicionan debajo de central y no al lado.

Saludos y gracias.