[Ovillo] ¿ Problema con css clear?

2005-07-18 Por tema elias fernandez
Hola a Todos,
Para evitar usar el tipico br class=clear/. Estoy usando la tecnica que 
se expone en el articulo:
http://www.sitepoint.com/blog-post-view.php?id=238086 
basicamente lo que hace es poner el contenedor con overflow auto , y hacer 
clear:both con el contenido posterior. Todo funciona perfecto en todos los 
navegadores excepto en firefox, donde al cargar por primera vez carga mal ( 
se descuelga el contenido ), pero una vez en cache se ve bien. La direccion 
en cuestion es :
http://hiperdeluz.eliasfernandez.net
 Gracias y saludos

-- 
Elías Fernández Velázquez
___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ¿ Problema con css clear?

2005-07-18 Por tema Martin Campos
Prueba a poner en el contenedor principal los siguientes atributos:

height: 100%;
height: auto;
min-height: 100%;

Esto hace que no se te descuelgue el contenido.



El día 18/07/05, elias fernandez [EMAIL PROTECTED] escribió:
 
 Hola a Todos,
 Para evitar usar el tipico br class=clear/. Estoy usando la tecnica 
 que
 se expone en el articulo:
 http://www.sitepoint.com/blog-post-view.php?id=238086
 basicamente lo que hace es poner el contenedor con overflow auto , y hacer
 clear:both con el contenido posterior. Todo funciona perfecto en todos los
 navegadores excepto en firefox, donde al cargar por primera vez carga mal 
 (
 se descuelga el contenido ), pero una vez en cache se ve bien. La 
 direccion
 en cuestion es :
 http://hiperdeluz.eliasfernandez.net
 Gracias y saludos
 
 --
 Elías Fernández Velázquez
 ___
 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://ovillo.org/mailman/listinfo/ovillo
 



-- 
Salu2:
MARTIN desde Valencia (ESPAÑA)
___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ¿ Problema con css clear?

2005-07-18 Por tema Abel Domínguez

 navegadores excepto en firefox, donde al cargar por primera vez carga
 mal (
 se descuelga el contenido ), pero una vez en cache se ve bien.


Independientemente de los consejos de Martín, muy oportunos,
suele pasar a ratos en Firefox (según mi experiencia) que en una
primera carga a veces le cuesta mostrar la CSS.

Al principio el navegador carga la estructura y posteriormente
el CSS adjunto. Si este archivo pesa puede llegar a pasar. En
mi caso hice una prueba con testeo por compañeros de la lista
que comprobaron como el pie de la maqueta se desplazaba hacia
abajo, aunque nada que destrozara la maqueta.

Otra opción (que a mi no me gusta usar debido a que la CSS
puede llegar a tomar dimensiones considerables) es que esté
embebida en el código de tu página, o linkear la CSS
en varias más pequeñas. Soluciona, aunque ya te comento que,
personalmente prefiero trabajar con un solo documento.

Saludos,
Abel Domínguez

- Original Message - 
From: Martin Campos [EMAIL PROTECTED]

To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, July 18, 2005 4:38 PM
Subject: Re: [Ovillo] ¿ Problema con css clear?


Se me olvidaba decirte que también es importante que la capa flote, asi que
añade a lo anterior:

float: left;



El día 18/07/05, Martin Campos [EMAIL PROTECTED] escribió:


Prueba a poner en el contenedor principal los siguientes atributos:

height: 100%;
height: auto;
min-height: 100%;

Esto hace que no se te descuelgue el contenido.



El día 18/07/05, elias fernandez [EMAIL PROTECTED] escribió:

 Hola a Todos,
 Para evitar usar el tipico br class=clear/. Estoy usando la tecnica
 que
 se expone en el articulo:
 http://www.sitepoint.com/blog-post-view.php?id=238086
 basicamente lo que hace es poner el contenedor con overflow auto , y
 hacer
 clear:both con el contenido posterior. Todo funciona perfecto en todos
 los
 navegadores excepto en firefox, donde al cargar por primera vez carga
 mal (
 se descuelga el contenido ), pero una vez en cache se ve bien. La
 direccion
 en cuestion es :
 http://hiperdeluz.eliasfernandez.net
 Gracias y saludos

 -- 
 Elías Fernández Velázquez

 ___
 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://ovillo.org/mailman/listinfo/ovillo




--
Salu2:
MARTIN desde Valencia (ESPAÑA)





--
Salu2:
MARTIN desde Valencia (ESPAÑA)
___
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://ovillo.org/mailman/listinfo/ovillo



___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ¿ Problema con css clear?

2005-07-18 Por tema Martin Campos
Te recomendaria que utilizaras 1 solo css para hacer la prueba (de los 3 que 
utilizas). También que ordenaras las clases en el orden de aparicion del 
codigo fuente para ayudar al navegador a pintar o estructuras tu sitio.

Veo la página en mozilla y no hace el efecto que deseaba, solo lo alinea a 
la derecha con un padding de 30px.

Ademas de lo mencionado, cambia tu clase:

div#contenedor{

/*805 -60*/
width:747px;
margin:auto;
height: 100%;
height: auto;
min-height: 100%;
float: left;
overflow:auto;
padding:0px 30px 0px 30px;
background-image:url('fondo_vertical.gif');
background-repeat:repeat-y;

}


por


div.contenedor{

width:747px;
float: left;
padding: 0px 30px 0px 30px;
margin: 0 auto;
height: 100%;
height: auto;
min-height: 100%;
overflow: auto;
background-image: url('fondo_vertical.gif');
background-repeat: repeat-y;

}

y valida el CSS: http://jigsaw.w3.org/css-validator/



El día 18/07/05, Abel Domínguez [EMAIL PROTECTED] escribió:
 
   navegadores excepto en firefox, donde al cargar por primera vez carga
   mal (
   se descuelga el contenido ), pero una vez en cache se ve bien.
 
 Independientemente de los consejos de Martín, muy oportunos,
 suele pasar a ratos en Firefox (según mi experiencia) que en una
 primera carga a veces le cuesta mostrar la CSS.
 
 Al principio el navegador carga la estructura y posteriormente
 el CSS adjunto. Si este archivo pesa puede llegar a pasar. En
 mi caso hice una prueba con testeo por compañeros de la lista
 que comprobaron como el pie de la maqueta se desplazaba hacia
 abajo, aunque nada que destrozara la maqueta.
 
 Otra opción (que a mi no me gusta usar debido a que la CSS
 puede llegar a tomar dimensiones considerables) es que esté
 embebida en el código de tu página, o linkear la CSS
 en varias más pequeñas. Soluciona, aunque ya te comento que,
 personalmente prefiero trabajar con un solo documento.
 
 Saludos,
 Abel Domínguez
 
 - Original Message -
 From: Martin Campos [EMAIL PROTECTED]
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Sent: Monday, July 18, 2005 4:38 PM
 Subject: Re: [Ovillo] ¿ Problema con css clear?
 
 
 Se me olvidaba decirte que también es importante que la capa flote, asi 
 que
 añade a lo anterior:
 
 float: left;
 
 
 
 El día 18/07/05, Martin Campos [EMAIL PROTECTED] escribió:
 
  Prueba a poner en el contenedor principal los siguientes atributos:
 
  height: 100%;
  height: auto;
  min-height: 100%;
 
  Esto hace que no se te descuelgue el contenido.
 
 
 
  El día 18/07/05, elias fernandez [EMAIL PROTECTED] escribió:
  
   Hola a Todos,
   Para evitar usar el tipico br class=clear/. Estoy usando la 
 tecnica
   que
   se expone en el articulo:
   http://www.sitepoint.com/blog-post-view.php?id=238086
   basicamente lo que hace es poner el contenedor con overflow auto , y
   hacer
   clear:both con el contenido posterior. Todo funciona perfecto en todos
   los
   navegadores excepto en firefox, donde al cargar por primera vez carga
   mal (
   se descuelga el contenido ), pero una vez en cache se ve bien. La
   direccion
   en cuestion es :
   http://hiperdeluz.eliasfernandez.net
   Gracias y saludos
  
   --
   Elías Fernández Velázquez
   ___
   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://ovillo.org/mailman/listinfo/ovillo
  
 
 
 
  --
  Salu2:
  MARTIN desde Valencia (ESPAÑA)
 
 
 
 
 --
 Salu2:
 MARTIN desde Valencia (ESPAÑA)
 ___
 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://ovillo.org/mailman/listinfo/ovillo
 
 
 ___
 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://ovillo.org/mailman/listinfo/ovillo
 



-- 
Salu2:
MARTIN desde Valencia (ESPAÑA)
___
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://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ¿ Problema con css clear?

2005-07-18 Por tema Abel Domínguez
Te recomendaria que utilizaras 1 solo css para hacer la prueba (de los 3 
que

utilizas). También que ordenaras las clases en el orden de aparicion del
codigo fuente para ayudar al navegador a pintar o estructuras tu sitio.


Como siempre, lo mismo que aconsejé pero mejor explicado por Martín xD


/*805 -60*/

Esta clase me ha sorprendido igualmente 0_0
Saludos,
Abel Domínguez

- Original Message - 
From: Martin Campos [EMAIL PROTECTED]

To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, July 18, 2005 6:15 PM
Subject: Re: [Ovillo] ¿ Problema con css clear?


Te recomendaria que utilizaras 1 solo css para hacer la prueba (de los 3 que
utilizas). También que ordenaras las clases en el orden de aparicion del
codigo fuente para ayudar al navegador a pintar o estructuras tu sitio.

Veo la página en mozilla y no hace el efecto que deseaba, solo lo alinea a
la derecha con un padding de 30px.

Ademas de lo mencionado, cambia tu clase:

div#contenedor{

/*805 -60*/
width:747px;
margin:auto;
height: 100%;
height: auto;
min-height: 100%;
float: left;
overflow:auto;
padding:0px 30px 0px 30px;
background-image:url('fondo_vertical.gif');
background-repeat:repeat-y;

}


por


div.contenedor{

width:747px;
float: left;
padding: 0px 30px 0px 30px;
margin: 0 auto;
height: 100%;
height: auto;
min-height: 100%;
overflow: auto;
background-image: url('fondo_vertical.gif');
background-repeat: repeat-y;

}

y valida el CSS: http://jigsaw.w3.org/css-validator/



El día 18/07/05, Abel Domínguez [EMAIL PROTECTED] escribió:


  navegadores excepto en firefox, donde al cargar por primera vez carga
  mal (
  se descuelga el contenido ), pero una vez en cache se ve bien.

Independientemente de los consejos de Martín, muy oportunos,
suele pasar a ratos en Firefox (según mi experiencia) que en una
primera carga a veces le cuesta mostrar la CSS.

Al principio el navegador carga la estructura y posteriormente
el CSS adjunto. Si este archivo pesa puede llegar a pasar. En
mi caso hice una prueba con testeo por compañeros de la lista
que comprobaron como el pie de la maqueta se desplazaba hacia
abajo, aunque nada que destrozara la maqueta.

Otra opción (que a mi no me gusta usar debido a que la CSS
puede llegar a tomar dimensiones considerables) es que esté
embebida en el código de tu página, o linkear la CSS
en varias más pequeñas. Soluciona, aunque ya te comento que,
personalmente prefiero trabajar con un solo documento.

Saludos,
Abel Domínguez

- Original Message -
From: Martin Campos [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, July 18, 2005 4:38 PM
Subject: Re: [Ovillo] ¿ Problema con css clear?


Se me olvidaba decirte que también es importante que la capa flote, asi
que
añade a lo anterior:

float: left;



El día 18/07/05, Martin Campos [EMAIL PROTECTED] escribió:

 Prueba a poner en el contenedor principal los siguientes atributos:

 height: 100%;
 height: auto;
 min-height: 100%;

 Esto hace que no se te descuelgue el contenido.



 El día 18/07/05, elias fernandez [EMAIL PROTECTED] escribió:
 
  Hola a Todos,
  Para evitar usar el tipico br class=clear/. Estoy usando la
tecnica
  que
  se expone en el articulo:
  http://www.sitepoint.com/blog-post-view.php?id=238086
  basicamente lo que hace es poner el contenedor con overflow auto , y
  hacer
  clear:both con el contenido posterior. Todo funciona perfecto en todos
  los
  navegadores excepto en firefox, donde al cargar por primera vez carga
  mal (
  se descuelga el contenido ), pero una vez en cache se ve bien. La
  direccion
  en cuestion es :
  http://hiperdeluz.eliasfernandez.net
  Gracias y saludos
 
  --
  Elías Fernández Velázquez
  ___
  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://ovillo.org/mailman/listinfo/ovillo
 



 --
 Salu2:
 MARTIN desde Valencia (ESPAÑA)




--
Salu2:
MARTIN desde Valencia (ESPAÑA)
___
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://ovillo.org/mailman/listinfo/ovillo


___
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://ovillo.org/mailman/listinfo/ovillo





--
Salu2:
MARTIN desde Valencia (ESPAÑA)
___
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://ovillo.org/mailman/listinfo/ovillo



___
Lista de distribución Ovillo
Para