Foros del Web » Creando para Internet » CSS »

Cajas se cruzan

Estas en el tema de Cajas se cruzan en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/11/2011, 15:41
Avatar de Highlander  
Fecha de Ingreso: junio-2006
Ubicación: Concepción, Chile
Mensajes: 475
Antigüedad: 16 años, 5 meses
Puntos: 4
Cajas se cruzan

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.
__________________
Ingeniero (E) en Computación e Informática
The last man alone with god.
  #2 (permalink)  
Antiguo 08/11/2011, 17:26
 
Fecha de Ingreso: agosto-2011
Ubicación: Viña del Mar, Chile
Mensajes: 311
Antigüedad: 11 años, 3 meses
Puntos: 50
Respuesta: Cajas se cruzan

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
  #3 (permalink)  
Antiguo 08/11/2011, 20:52
Avatar de Highlander  
Fecha de Ingreso: junio-2006
Ubicación: Concepción, Chile
Mensajes: 475
Antigüedad: 16 años, 5 meses
Puntos: 4
Respuesta: Cajas se cruzan

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>
__________________
Ingeniero (E) en Computación e Informática
The last man alone with god.
  #4 (permalink)  
Antiguo 08/11/2011, 22:54
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 15 años, 5 meses
Puntos: 1567
Respuesta: Cajas se cruzan

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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 09/11/2011, 09:49
Avatar de Highlander  
Fecha de Ingreso: junio-2006
Ubicación: Concepción, Chile
Mensajes: 475
Antigüedad: 16 años, 5 meses
Puntos: 4
Respuesta: Cajas se cruzan

Cita:
Iniciado por emprear Ver Mensaje
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.
__________________
Ingeniero (E) en Computación e Informática
The last man alone with god.

Etiquetas: ancho, cajas, contenido, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 03:40.