elementos flotantes

arkang31 · #1 (**permalink**) 08/04/2009, 19:58

bueno el error que muetro no se porq sucede funciona de maravilla en la demas pajina solo en esta me da este error pero uhh algo devo de tener mal no logro manejar esto muy bien aqui les dejo una imagen

y aqui los fracmentos de codigo

php

Código:

<div id="content">
<div id="left"><jdoc:include type="modules" name="left" style="xhtml" /></div>
<div id="right"><jdoc:include type="modules" name="right" style="xhtml" /></div>
<jdoc:include type="component" />
<br style="clear:both;" />
</div>

css

Código:

#content {
	width:900px;
	z-index:4;
	margin: auto;
}
#left {
	position:relative;
	width:20%;
	z-index:5;
	margin: 10px;
	height: auto;
	float: left;
}
#apDiv6 {
	position:absolute;
	left:231px;
	top:583px;
	width:565px;
	height:548px;
	z-index:6;
}
#right {
	width:20%;
	z-index:7;
	margin: 5px;
	float: right;
}

Calizman · #2 (**permalink**) 08/04/2009, 20:01

Saludos!!

Intenta ponerle overflow: auto; a #contenedor, seguramente eso soluciona el problema.

Hasta luego!!

arkang31 · #3 (**permalink**) 08/04/2009, 20:26

Gracias solucionado

Calizman · #4 (**permalink**) 08/04/2009, 20:31

Entonces, no entiendo tu imagen... Esto entiendo yo:

Tienes 3 divs, uno que esta alineado a la izquierda, uno en el centro, y otro alineado a la derecha. El texto que esta dentro de el del centro, se va hacia abajo, entonces:

Solucion:

Si no tienes un div que esta al centro, crea uno que se llame #centro y le pones float:left; y overflow: auto; De esa forma el texto no se ira a otra parte.

Espero que esto si te ayude...

Edito: Joo... Aqui llegue a mi post #600!

arkang31 · #5 (**permalink**) 08/04/2009, 20:54

sep eso hice gracias

Calizman · #6 (**permalink**) 08/04/2009, 20:55

Pero sirvio?

arkang31 · #7 (**permalink**) 09/04/2009, 08:13

pues claro eres un buen colaborador gracias funciono a la perfeccion

Calizman · #8 (**permalink**) 09/04/2009, 12:13

Cuando quieras!! Si tienes algun otro problema, no dudes en preguntar..

Hasta Luego!!