[Ovillo] clear:both no funciona en IE7
Tengo un codigo en el que no me funciona clear:both en IE7. Por lo que me he podido enterar buscando veo que esto no funciona en IE Estoy haciendo la tipica pagina con cabecera, tres columnas y pie y el clear:both me sirver para que el pie siempre este al final de la pagina, ya que las columnas estan flotadas a la derecha e izquierda respectivamente. Hay alguna solucion para IE Muchas gracias -- juan romero cruz ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] clear:both no funciona en IE7
Esto no es muy recomendable pero proba con un br clear=all en el html. Saludos, -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de coso Enviado el: Viernes, 29 de Septiembre de 2006 15:24 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] clear:both no funciona en IE7 Tengo un codigo en el que no me funciona clear:both en IE7. Por lo que me he podido enterar buscando veo que esto no funciona en IE Estoy haciendo la tipica pagina con cabecera, tres columnas y pie y el clear:both me sirver para que el pie siempre este al final de la pagina, ya que las columnas estan flotadas a la derecha e izquierda respectivamente. Hay alguna solucion para IE Muchas gracias -- juan romero cruz ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- No virus found in this incoming message. Checked by AVG Free Edition. Version: 7.1.407 / Virus Database: 268.12.9/458 - Release Date: 27/09/2006 -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.407 / Virus Database: 268.12.9/458 - Release Date: 27/09/2006 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] clear:both no funciona en IE7
Javier Trejo escribió: Esto no es muy recomendable pero proba con un br clear=all en el html. Me parece que lo que no es recomendable es el br clear=all no te va a validar el html ya que no forma parte de ningún estándar, además rompe con la filosofía del css de separar contenido y presentación. Me resulta extraño que el clear: both ya no esté soportado en IE7, Coso creo que sería recomendable que mandases una url donde se pueda ver el problema o mejor aún un caso sencillo con poco código donde se muestre el error. -- Saludos -=stripTM=- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] clear:both no funciona en IE7
Aqui te lo pego. Comprueba que el div pie se queda tras el div cuerpo
siempre, sea la que sea la longitud de los divs izquierdo y derecho que
estan flotados. Yo creo que es por que no funciona el clear:both. Y solo en
IE7. En FF y opera funcionan bien.
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
titleDocumento sin tiacute;tulo/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
style
html,body{
margin:0;
padding:0;
background-color:#CC;
height:100%;
}
#contenedor{
background-color:#99CC00;
width:700px;
height:100%;
margin:auto;
}
#cabecera{
}
#cabecera h1{
margin-top:0;
text-align:center;
}
#cuerpo{
background-color:#33FF33;
height:100%;
}
#izquierdo{
background-color:#CCFF99;
float:left;
width:30%;
min-height:100%;
}
#derecho{
background-color:#CCFF99;
float:right;
width:20%;
min-height:100%;
}
#central{
background-color:#FF;
width:50%;
height:100%;
margin-left:30%;
min-height:100%;
}
#pie{
background-color:#FF66CC;
clear:both;
}
/style
/head
body
div id=contenedor
div id=cabecera
h1Cabecera/h1
/div!-- end cabecera --
div id=cuerpo
div id=izquierdo
p
static
La caja es una caja normal, situada de acuerdo al flujo normal. Las
propiedades 'top', 'right', 'bottom' y 'left' no se aplican.
relative
La posición de la caja se calcula de acuerdo al flujo normal (ésta se
llama la posición en el flujo normal). Luego la caja se desplaza de modo
relativo a su posición normal. Cuando una caja B es posicionada
relativamente, la posición de la caja siguiente se calcula como si B no se
hubiera desplazado.
absolute
La posición de la caja (y posiblemente el tamaño) se especifica con las
propiedades 'left', 'right', 'top', y 'bottom'. Estas propiedades
especifican los desplazamientos con respecto al bloque de contención de la
caja. Las cajas posicionadas absolutamente son quitadas del flujo normal.
Esto significa que ellas no tienen ningún impacto sobre la composición de
los hermanos siguientes. También, aunque las cajas posicionadas
absolutamente tiene márgenes, no se cierran con ningún otro margen.
fixed
La posición de la caja (y posiblemente el tamaño) se especifica con las
propiedades 'left', 'right', 'top', y 'bottom'. Estas propiedades
especifican los desplazamientos con respecto al bloque de contención de la
caja. Las cajas posicionadas absolutamente son quitadas del flujo normal.
Esto significa que ellas no tienen ningún impacto sobre la composición de
los hermanos siguientes. También, aunque las cajas posicionadas
absolutamente tiene márgenes, no se cierran con ningún otro margen.
/p
/div!-- end izquierdo --
div id=derecho
p
static
La caja es una caja normal, situada de acuerdo al flujo normal. Las
propiedades 'top', 'right', 'bottom' y 'left' no se aplican.
relative
La posición de la caja se calcula de acuerdo al flujo normal (ésta se
llama la posición en el flujo normal). Luego la caja se desplaza de modo
relativo a su posición normal. Cuando una caja B es posicionada
relativamente, la posición de la caja siguiente se calcula como si B no se
hubiera desplazado.
absolute
La posición de la caja (y posiblemente el tamaño) se especifica con las
propiedades 'left', 'right', 'top', y 'bottom'. Estas propiedades
especifican los desplazamientos con respecto al bloque de contención de la
caja. Las cajas posicionadas absolutamente son quitadas del flujo normal.
Esto significa que ellas no tienen ningún impacto sobre la composición de
los hermanos siguientes. También, aunque las cajas posicionadas
absolutamente tiene márgenes, no se cierran con ningún otro margen.
fixed
/p
/div!-- end derecho --
div id=central
/div!-- end central --
/div!-- end cuerpo --
div id=pie
.
/div!-- end pie --
/div !-- end contenedor --
/body
/html
El día 29/09/06, stripTM [EMAIL PROTECTED] escribió:
Javier Trejo escribió:
Esto no es muy recomendable pero proba con un br clear=all en el
html.
Me parece que lo que no es recomendable es el br clear=all no te va
a validar el html ya que no forma parte de ningún estándar, además rompe
con la filosofía del css de separar contenido y presentación.
Me resulta extraño que el clear: both ya no esté soportado en IE7, Coso
creo que sería recomendable que mandases una url donde se pueda ver el
problema o mejor aún un caso sencillo con poco código donde se muestre
el error.
--
Saludos -=stripTM=-
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Re: [Ovillo] clear:both no funciona en IE7
coso escribió: Aqui te lo pego. Comprueba que el div pie se queda tras el div cuerpo siempre, sea la que sea la longitud de los divs izquierdo y derecho que estan flotados. Yo creo que es por que no funciona el clear:both. Y solo en IE7. En FF y opera funcionan bien. No tengo IE7 para probar pero mira a ver que pasa si le eliminas todos los height y min-height del css, quizás se líe con los cálculos de alturas. -- Saludos -=stripTM=- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] clear:both no funciona en IE7
Hola! Mete el pie dentro del div #cuerpo y listo. El elemento con clear tiene que ir detrás de los elementos flotados. Saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] clear:both no funciona en IE7
Tienes razon, sin los height y mini-height funciona El día 29/09/06, stripTM [EMAIL PROTECTED] escribió: coso escribió: Aqui te lo pego. Comprueba que el div pie se queda tras el div cuerpo siempre, sea la que sea la longitud de los divs izquierdo y derecho que estan flotados. Yo creo que es por que no funciona el clear:both. Y solo en IE7. En FF y opera funcionan bien. No tengo IE7 para probar pero mira a ver que pasa si le eliminas todos los height y min-height del css, quizás se líe con los cálculos de alturas. -- Saludos -=stripTM=- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- juan romero cruz ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] clear:both no funciona en IE7
Lo tuyo tambien funciona Gracias 2006/9/29, AraDaen [EMAIL PROTECTED]: Hola! Mete el pie dentro del div #cuerpo y listo. El elemento con clear tiene que ir detrás de los elementos flotados. Saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- juan romero cruz ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
