.clases y div en joomla!

[cristian_cena]

Hola comunidad!
Expongo este problema en la creación de un template para joomla!. Template que comencé desde cero y al que pienso convertir en mi primer pagina dinámica.

Tengo un div contenedor padre de #header #izquierda y #contenido:

#principal {
Margin-top:0;
Margin-left:auto;
Margin-right:auto;
width: 1024px;
_text-align:center;
_text-align:left;
}

... un encabezado:

#principal #header {
padding-bottom:0px;
margin-bottom:0px;
padding: 10px;
padding-bottom:0px;
background-image: url(../extras/cabecera.jpg);
background-repeat:no-repeat;
width: 1024px;
height:345px;
}

... un div izquierdo:

#principal #izquierda {
padding-top:10px;
margin-top:0px;
background-color:#FFFFFF;
float: left;
width: 339px;
margin-left:112px;
}

.. y un div que contiene los articulos

#principal #contenido {
background-image:url(../extras/fondoderecha.jpg);
padding-top:10px;
padding-left:49px;
padding-right:55px;
margin-top:0px;
background-color:#FFFFFF;
float: left;
width: 357px;
}

Hasta aquí todo funciona perfecto.


ahora en el div #contenido tengo las siguientes clases:

.componentheading
.blog
.contentpaneopen
.contentheading
.small
.createdate
.modifydate
.article_separator
.article_column
.readon

Lo que necesito es que el articulo numero 2 se posicione debajo del articulo numero 1. Que el articulo numero 3 se posicione debajo del articulo numero 2. Y así sucesivamente.
Y para ello hago lo siguiente:
.contentpaneopen {float:left; clear:both;}
.article_separator {float:left; clear:both;}

Pero el articulo numero 3 se sigue flotando a la derecha del articulo numero 2 y si siguiera publicando artículos estos seguirían apareciendo de a dos por vez, en vez de uno debajo del otro.

¿Cual es el problema se preguntarán?
Que necesito que la columna #contenido no cambie el ancho (width) y si aparecen dos artículos por vez se modifica el ancho.

Lo que obtengo por resultado es una columna del doble de ancho, una barra de desplazamiento horizontal y un diseño que habla de lo inexperto que soy en el manejo de las propiedades float y clear.

[cristian_cena]

Encontré la solución! desde ya perdón y gracias.

.article_separator {float:left; clear:both;}
.article_column {float:left; clear:both;}

Mando un saludo especial a Larenz que de no haber resuelto este problema por mi cuenta seguramente nos hubiera dado la solución de forma clara y sencilla como siempre lo hace.

[redlo41]

No hay porque pedir perdon si a caso gracias a ti por compartir la solucion. Mira aqui --> http://www.solojoomla.com/realizar-p...ra-joomla.html Este es un tutorial completo para realizar tu plantilla desde cero. El ultimo capitulo trata sobre tamaños variables de una plantilla con una conparacion entre codigos para plantillas de ancho fijo y variable. Un saludo.

[cristian_cena]

Iniciado por redlo41

Mira aqui

Gran aporte Redlo!. Será leido con gusto. Muy amable de su parte

[Toffman]

NOOOO!! jajja

Bueno se que es de hace Mucho

PERO EN EL ADMIN DE JOOMLA ESTA LA SOLUCION:::

EN EL APARTADO DE MANUS

Ejemplo::

Si tenes en el menuPrincipal

Inicio, joomla, news, etc etc..

Andate al link de ese menu que diga INICIO.. osea el que te lleve al index o al home
A la derecha hay una opcion que dice Parámetros - Avanzados
la opcion Ordenar multi columna lo tildas ABAJO

Y LISTO!!!! lo probe con Joomla 1.5.x