Hola. Estoy intentando crear la típica pagina web,con tres columnas, cabecera y footer. Quiero declarar el div central primero( donde irá el contenido) y luego declarar las dos columnas laterales ( dos barras de navegación).
El problema esta en no usar el orden de siempre:
<div id="columna_izq">
<div id="columna_derecha">
<div id="centro">
sino, que al querer poner otro orden, se me bajan las dos laterales, y no hay forma de ponerlas en su sitio.
Mi idea sería poder declarar así:
<div id="centro">
<div id="columna_izq">
<div id="columna_derecha">
Si pudiese declararlo de esta manera, siempre que se deshabilite CSS, lo primero en aparecer es el bloque de Contenido, que es lo que me interesa que aparezca primero.
Os pongo el Css que he utilizado:
Código HTML:
#contenedor {
margin-left: auto;
margin-right: auto;
width: 900px;
/* border: solid 1px #000; */
background:url(general/back-header2.png) repeat-x top left #FFF;
}
#columna-izquierda {
float: left;
width: 170px;
color: #fff;
/* background: green; */
padding: 10px;
}
#centro {
float:none;
width: 460px;
margin-top:20px;
margin-left: 200px;
color: #000;
background: #eee;
padding: 10px;
border: solid 1px #aaa;
}
#columna-derecha {
float: right;
width: 180px;
color: #000;
/* background: #ff6; */
padding: 10px;
}
Muchas gracias de antemano por echarle un vistazo, y a ver si logramos sacar el fallo, que no logro pillarlo, y estoy seguro que es porque no domino bien el posicionamiento.