No encuentro el problema...

[neworks]

Hola si se fijan en firefox mi sitio www.floog.net el div de abajo se agranda en toda la pantalla, pero en internet explorer no, cual seria el problema? uso float uno a la izquierda y otro a la derecha, sera eses el problema? espero q me ayuden, gracias...

[DragonX]

lo que noto es que en FF el contenido queda por debajo del "contenedor" azul, por el contrario en IE7 la página se visualiza correctamente.

[neworks]

Si, nose porque se agranda para arriba ensima... esta el div "contenedor" y abajo esta el div "pie" que nose porque se agrana hacia arriba,,,

[DragonX]

agregale al div de tu pie esto:

clear:both;

Dentro del CSS. Espero sirva....

[neworks]

MUCHAS GRACIAS, SOS UN GENIO, FUNCIONO MIRA www.floog.net/index2.html si no es mucha molestia me podrias explicar que hace "clear:both;"

[neworks]

En las propiedades del css de dreamweaver me aparece "borrar: ambos" que nose que significa jeje

[DragonX]

Excelente!

Como no, el clear:both limpia por así decirlo los floats de las columnas. ¿me explico?

Supongamos que tenes una columna con float:left; de 100px de alto y otra con float:right; de 300px de alto, cualquier objeto que pongas a continuación te va a quedar al costado de la columna derecha y abajo de la izquierda, utiliznado el clear:both ese contenido se ubicara por debajo de las dos columnas....

Espero haber sido claro

[neworks]

Si entendi gracias, che ya q estamos, tengo un div "contenido" que adentro entran los 2 floats, pero si a "contenido" le puse fondo blanco, porque esta transpatente? osea en internet explorer se ve el fondo de "contenido" blanco y el fondo del body con un tono azul, pero en firefox se ve solo el fondo, al igual q en el dreamweaver, no entiendo pork!!! es como si no agrandara el "contenido"

[wolfdvs]

Revisa tu codigo, html,

[DragonX]

raro......
En tu HTML tenés esto:

<div class="contenido" id="contenido">

Probá sacandole el ID, quedaría así:

<div class="contenido">

[neworks]

Ok, me habia ido a comer, ahora reviso y les cuento...

[neworks]

No no funciona, nose porque, osea el "contenido" si se agranda hacia abajo, pero no se ve el fondo blanco que le puse... si te mando una imagen te ayudaria?

[Mikmoro]

Prueba añadiendo overflow: auto; a tu selector css .contenido

[neworks]

No sabia como buscar, pero encontre esto que vos Mikmoro escribiste:

Esto se arregla añadiendo un corte justo antes de cerrar la caja contenedora. Busca donde termina (</div>), y añádele esto que pongo en rojo para que quede así:

<div class="corte"></div>
</div> (este es ya el que cerraba la caja)

Ahora añade a tu css este selector:

.corte {clear: both;}

y funciono... GRACIAS A TODOS!!! VOLVERE...

[neworks]

VOLVIII, eso me deja un espacio... como logro hacer que corte no tenga tamaño?

[neworks]

Fue un error mio... un float tenia margen je...

[Mikmoro]

Sí, son las dos posibles soluciones, y la primera era más sencilla de explicar

No, la cosa es que la primera no siempre sirve, y era: o funcionaba la primera (overflow), o te hubiera indicado la segunda.

[neworks]

Se que voy a enojar a muchos, pero ODIOS EL FIREFOOOX!!! jajaja ahora tengo otro problema, tengo "contenido" con 2 float izquierda y derecha, arriba de "contenido" una cabecera y entre medio ahora me aparece un pequeño espacioooo!!! nose porqueeeeeeeeeeeeeeeeeeeeeeeeeeeee

[Mikmoro]

Es lógico. Para la próxima vez precurarás diseñar pensando en Firefox y luego ya arreglarás las cosas para Explorer, y no al revés. ¿Por qué? Porque el asunto es "IE y el resto", es decir, todos interpretan casi igual las cosas excepto IE.

¿Un espacio dónde exactamente?

Lo veo todo simétrico.

[neworks]

Pero no ay mas usuarios de IE que de FX?

[Mikmoro]

Los hay, pero todos los demás intentan respetar los estándares al máximo, excepto IE. Es más fácil diseñar pensando en los estándares y adaptar luego las cosas para IE (que no digo que lo vayas a dejar mal para IE, sino adaptar un diseño estandar), que hacerlo al revés y por diseñar para IE perderte a todos los demás, que ya son muchos.

Además, por ejemplo, si lo ves ahora con IE6, que todavía tiene una importante cuota de mercado, verás que tienes un grave problema, porque la columna derecha se va abajo. Esto es por haber pensado sólo en IE7, y te estás perdiendo muchos muchos visitantes por eso.

[neworks]

Esperemos a ver cuando salga la version 8, que creo que esta en beta, calculo que micros... no va a dejar que nadie le gane en este mercado... como escuche en la tele, "son los ultimos en llegar, pero los ultimos en irse" jeje en Discoberi channel

[Mikmoro]

Y volviendo al asunto... ¿has resuelto lo del espacio que decías?

[neworks]

Si, la verdad es que me pierdo con tanto css que le mande, pero tenia "contenido" adentro de este tenia primero un div "titulo" con margen arriba 10px y abajo los floats, y esto me hacia un espacio arriba de "contenido", probe probe y probe hasta que sacando el margen arriba de "titulo" entonces arriba de "contenido" se fue ese espacio... lo ke nose es pork, pero lo unico ke se es que lo pude hacer... voy a seguir aver si me surgen mas problemas y volvere!!!

[Mikmoro]

Muy bien pues. Hasta la próxima.