[Ovillo] clear:both no funciona en IE7

2006-09-29 Por tema coso
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

2006-09-29 Por tema Javier Trejo
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

2006-09-29 Por tema stripTM
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

2006-09-29 Por tema coso
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

2006-09-29 Por tema stripTM
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

2006-09-29 Por tema AraDaen

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

2006-09-29 Por tema coso
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

2006-09-29 Por tema coso
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