¿Como agrego dos nuevas reglas a este diseño?

[JahierFP]

Saludos amigos, soy nuevo en Css espero comprendan si no me se expresar con los terminos correctos. El tema es que estoy trabajando en una plantilla para joomla y comence con una pagina HTML, con 3 columnas fijas encabezado y pie, ya tengo el estilo css, pero lo que quiero hacer es agregarle dos nuevas reglas en los lugares que les indico aqui abajo, desde el archivo HTML:




Lego quisiera saber que debo agregar en el archivo CSS

[loncho_rojas]

Tu columna de la izquierda deberia estar inserta en un nuevo DIV o capa, de tal manera que anide a esas 2 columnas.. lo mismo con el de la derecha, la del centro se vale por si misma.. unes los elementos con floats y listo.

Otra opcion, si manejas Drimguiver es usar las capas con metodos de position y z-index para hacer flotar las columnas de acuerdo a su posición

[JahierFP]

...gracias por la rapida respuesta loncho, mira intente hacer lo que me dijiste. Primero desde el boton Insertar etiqueta DIV , delante del final de la etiqueta que seria Sidebar1, pero la coloca dentro de sidebar1 y yo quiero que este a continuacion como decis vos anidado.

Me podrias explicar como inserto el nuevo DIV debajo de sidebar1 y sidebar2 pero no dentro de los mismos, perdon por las molestias es que no entendi bien

[jomaruro]

Hola:

Lo que te ha indicado loncho_rojas, y tu has hecho, es crear un div contenedor que contiene a sidebar1, bueno si quieres insertar un div debajo de sidebar1 tienes que crear otro div entre el final del contenedor que acabas de crear y el final de sidebar1.

Por ejemplo, algo así:

Código:

<div id="contenedor">
<div id="sidebar1">
Contenido del sidebar1
</div>
<div id="contenedor-nuevo">
Contenido del contenedor-nuevo
</div>
</div>

Iniciado por JahierFP

y yo quiero que este a continuacion como decis vos anidado.

Tal y como lo explicas ¿que entiendes tu por div's anidados?

Saludos.

[JahierFP]

gracias jomaruro, bueno ahora si me salio. La verdad que anidados entendi como que estan juntos y pegados en este caso uno abajo del otro, nose si es otro significado porfa corregime asi aprendo.

[jomaruro]

Hola:

Anidados es cuando estan uno dentro de otro. En el ejemplo que te he puesto, tanto el div sidebar1 como contenedor-nuevo están anidados dentro de contenedor.

Saludos.