Cajas se cruzan

[Highlander]

Hola hace tiempo que uso css pero para cosas minimas, ahora debo hacer una plantilla de 0 y me surgieron algunas dudas, esta principalmente:

tengo un modelo de cajas y resulta que si mi caja no tiene contenido adentro las cajas que van abajo de esta se cruzan.

Tengo definido un ancho y alto para las cajas pero sin contenido el problema se mantiene.

Código:

#contenido
{
	background: url(../img/cbackground.png) no-repeat;
	background-position:center; 
	width: 956;
	height: 413px;
	clear: both;

#fleft
{
	float: left;
	/*background: #a2a7d9;*/
	width: 413px;
	height: 28px;
	padding-left: 40px;	
	padding-right: 40px;
    padding-top: 20px;
	padding-bottom: 40px;
}

}

Alguna sugerencia por favor, saludos.

[snowmanchip]

Grande Concepción
Hola Compatriota,
Puedes agregar el html para entender lo que quieres lograr, cuántas cajas son? por qué sin contenido? De que tamaño son las imágenes, no se repiten?

Saludos

[Highlander]

Saludos compa, quiero crear un plantilla para joomla y no quiero tener ningún problema si hay algún articulo vació que se me deforme la pagina o algo así.


El problema se produce solo con el div contenido(si esta vació) y los div fleft, fright, que se suben hasta la posición del div contenido.

Código:

<div id="container">
    <div id="separador_h1"></div>
	<div id="logo"><img src="img/logo.png" alt="Logo" width="300" height="114" /></div>
	<div id="menu"></div>
	<div id="contenido">Contenido</div>
	<div id="fleft"></div>
	<div id="fright">Concepción 56227986545</div>
</div>

[emprear]

lo primero que tenés que hacer es arreglar tu css

en #contenido

esto
width: 956;

x esto
width: 956px;

despues podes agregar un comentario dentro de contenido ( a veces un elemento vacío no se renderiza como correspònde)

<div id="contenido"><!-- contenido -->Contenido</div>

Saludos

[Highlander]

Iniciado por emprear

lo primero que tenés que hacer es arreglar tu css

en #contenido

esto
width: 956;

x esto
width: 956px;

despues podes agregar un comentario dentro de contenido ( a veces un elemento vacío no se renderiza como correspònde)

<div id="contenido"><!-- contenido -->Contenido</div>

Saludos

Muchas gracias amigo no había visto ese error y lo del comentario es una solución simple pero eficaz a mi problema.