RE: [Ovillo] Problema con comportamiento de firefox en 800x600 [Solucionado]
Menos mal, gracias a todos los que habeis respondido!
Os comento la solucion que me ha funcionado:
La clase que hacía que la imagen de avanzar pagina estuviera en el medio
era esta:
.scan {
padding-bottom: 314px;
}
La he modificado por:
.scan {
position: absolute; top: 314px;
}
Y ya no aparecen los espacios misteriosos debajo del div libro. Y es una
solucion que permite que el diseño liquido sea consistente.
Gracias
xema
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de mmundo
Enviado el: miércoles, 24 de agosto de 2005 19:39
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con comportamiento de firefox en 800x600
También puede ser una opción válida según el diseño y los
requerimientos del proyecto.
En determinadas ocasiones es viable utilizar la regla
position: absolute; left: valor para obtener el mismo
resultado que float: left con el principal objetivo de
evitar el bug de MSIE con la propiedad float.
El 24/08/05, Fran Rives[EMAIL PROTECTED] escribió:
¿Por qué no position: absolute y porcentajes?
From: mmundo [EMAIL PROTECTED]
Reply-To: Ovillo, la lista de CSS en castellano
ovillo@lists.ovillo.org
To: Ovillo, la lista de CSS en castellano
ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Problema con comportamiento de
firefox en 800x600
Date: Wed, 24 Aug 2005 17:24:46 +0200
¿Una vez reemplazado el caracter por su entidad, sigue
ocurriendo el mismo error?
Por otra parte, con img {display: block; float: left (o right)}
tienes las imagenes como elementos de nivel de bloque y en
la misma
línea.
El 24/08/05, xema[EMAIL PROTECTED] escribió:
Hola,
img {display: block;}
El problema de esta solución es que una imagen saldria en una
nueva linea, ya me va bien el carácter inline. Sin embargo,
conocia esta propiedad para hacer que el elemento siga
comportandose como block pero sea inline:
display: -moz-inline-box; display: inline-block;
La he utilizado, pero nada, sigue comportandose
extrañamente... Lo
curioso es que cada vez hace algo distinto, si hiciera
siempre lo
mismo...
En cuanto a la opinion, tienes toda la razon. Lo cambio
imediatamente.
Gracias,
xema
___
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
_
Express yourself instantly with MSN Messenger! Download today it's
FREE!
http://messenger.msn.click- url.com/go/onm00200471ave/direct/01/
___
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
___
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 comportamiento de firefox en 800x600
Primero de todo, tienes un atributo alt con contenido . Deberías
utilizar su entidad gt;gt;
Si el problema del espacio en blanco en las imágenes persiste, podrías
probar de declarar la imagen como elemento de nivel de bloque:
img {display: block;}
Existen unas versiones concretas de navegadores que tratan las
imágenes como elementos en línea, con lo cual aplican el espacio en
blanco en la base del elemento.
OPINIÓN: Aprovecho para comentar que podrías sustituir el texto
por next (o lo que corresponda), por dos razones: a) el atributo
alt debe contener un texto comprensible para aquellas
personas/dispositivos que no puedan ver la imágen. b) Contrariamente a
lo que hacen la mayoría de navegadores gráficos, el atributo alt no
está pensado para mostrarse en pantalla cuando un usuario coloca el
mouse encima de una imagen. Para ello existe el atributo title.
Salu2
Martí Mundó.
--
El 24/08/05, xema[EMAIL PROTECTED] escribió:
Saludos lista,
Me estoy peleando con un comportamiento en firefox que no acabo de
entender bien. Esquematizado, el codigo es este:
body
div id=container
div id=content
div id=edit
div id=libro
img alt=libro src=01.jpg
width=520 height=784 /a href=img alt= src=next.gif
width=15 height=155 class=scan //a
/div!-- libro --
/div
/div!-- content --
/div!-- container --
/body
Libro es una imagen de una pagina de un libro y al lado tiene otra
imagen pequeña para pasar de pagina. En 1024x768 no tengo ningun
problema, pero en 800x600, el Firefox me muestra a veces un espacio
debajo de las imágenes, a veces el scroll en el div libro, a veces
correcto... Muy extraño. El css simplificado es este:
* { margin: 0; padding: 0; }/* zeroing both margin and
padding for all elements */
body {
color: #600; background: #FFF;
}
#container {
margin-left: 185px;
}
#content {
background: #EFEAE5;
}
#edit {
padding: 0 15px;
overflow: auto; /* clearing floats */
height: 100%;
color: #000;
}
#libro {
padding-top: 10px;
text-align: center;
}
.scan {
padding-bottom: 314px;
}
Porque me deja ese espacio debajo de las imágenes? No pregunto como
solucionarlo (que tambien, vale), sino entender porque se produce esto.
Y Firefox no siempre me da el mismo comportamiento. El overflow: auto
del edit lo necesito imperiosamente. Yo estaba convencido que era la
clase scan, pero si la quitamos, el espacio que deja (a veces) es menor.
Gracias por la ayuda,
xema
___
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 comportamiento de firefox en 800x600
Hola,
img {display: block;}
El problema de esta solución es que una imagen saldria en una nueva
linea, ya me va bien el carácter inline. Sin embargo, conocia esta
propiedad para hacer que el elemento siga comportandose como block pero
sea inline:
display: -moz-inline-box; display: inline-block;
La he utilizado, pero nada, sigue comportandose extrañamente... Lo
curioso es que cada vez hace algo distinto, si hiciera siempre lo
mismo...
En cuanto a la opinion, tienes toda la razon. Lo cambio imediatamente.
Gracias,
xema
___
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 comportamiento de firefox en 800x600
¿Una vez reemplazado el caracter ! por su entidad, sigue ocurriendo
el mismo error?
Por otra parte, con img {display: block; float: left (o right)} tienes
las imagenes como elementos de nivel de bloque y en la misma línea.
El 24/08/05, xema[EMAIL PROTECTED] escribió:
Hola,
img {display: block;}
El problema de esta solución es que una imagen saldria en una nueva
linea, ya me va bien el carácter inline. Sin embargo, conocia esta
propiedad para hacer que el elemento siga comportandose como block pero
sea inline:
display: -moz-inline-box; display: inline-block;
La he utilizado, pero nada, sigue comportandose extrañamente... Lo
curioso es que cada vez hace algo distinto, si hiciera siempre lo
mismo...
En cuanto a la opinion, tienes toda la razon. Lo cambio imediatamente.
Gracias,
xema
___
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 comportamiento de firefox en 800x600
¿Por qué no position: absolute y porcentajes?
From: mmundo [EMAIL PROTECTED]
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Problema con comportamiento de firefox en 800x600
Date: Wed, 24 Aug 2005 17:24:46 +0200
¿Una vez reemplazado el caracter ! por su entidad, sigue ocurriendo
el mismo error?
Por otra parte, con img {display: block; float: left (o right)} tienes
las imagenes como elementos de nivel de bloque y en la misma línea.
El 24/08/05, xema[EMAIL PROTECTED] escribió:
Hola,
img {display: block;}
El problema de esta solución es que una imagen saldria en una nueva
linea, ya me va bien el carácter inline. Sin embargo, conocia esta
propiedad para hacer que el elemento siga comportandose como block pero
sea inline:
display: -moz-inline-box; display: inline-block;
La he utilizado, pero nada, sigue comportandose extrañamente... Lo
curioso es que cada vez hace algo distinto, si hiciera siempre lo
mismo...
En cuanto a la opinion, tienes toda la razon. Lo cambio imediatamente.
Gracias,
xema
___
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
_
Express yourself instantly with MSN Messenger! Download today it's FREE!
http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/
___
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 comportamiento de firefox en 800x600
xema wrote: Saludos lista, Me estoy peleando con un comportamiento en firefox que no acabo de entender bien. Esquematizado, el codigo es este: ... Libro es una imagen de una pagina de un libro y al lado tiene otra imagen pequeña para pasar de pagina. En 1024x768 no tengo ningun problema, pero en 800x600, el Firefox me muestra a veces un espacio debajo de las imágenes, a veces el scroll en el div libro, a veces correcto... Muy extraño. El css simplificado es este: Creo que lo que te ocurre es lo que explican en Algunas notas finales de http://simplelogica.net/caoticoneutral/index.php?p=40 Las soluciones que se proponen: 1. Establecer vertical-align: bottom para el elemento img. 2. Establecer display: block para el elemento img. 3. Establecer line-height: 0 para la celda (elemento contenedor del img). -- 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con comportamiento de firefox en 800x600
También puede ser una opción válida según el diseño y los
requerimientos del proyecto.
En determinadas ocasiones es viable utilizar la regla position:
absolute; left: valor para obtener el mismo resultado que float:
left con el principal objetivo de evitar el bug de MSIE con la
propiedad float.
El 24/08/05, Fran Rives[EMAIL PROTECTED] escribió:
¿Por qué no position: absolute y porcentajes?
From: mmundo [EMAIL PROTECTED]
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Problema con comportamiento de firefox en 800x600
Date: Wed, 24 Aug 2005 17:24:46 +0200
¿Una vez reemplazado el caracter por su entidad, sigue ocurriendo
el mismo error?
Por otra parte, con img {display: block; float: left (o right)} tienes
las imagenes como elementos de nivel de bloque y en la misma línea.
El 24/08/05, xema[EMAIL PROTECTED] escribió:
Hola,
img {display: block;}
El problema de esta solución es que una imagen saldria en una nueva
linea, ya me va bien el carácter inline. Sin embargo, conocia esta
propiedad para hacer que el elemento siga comportandose como block pero
sea inline:
display: -moz-inline-box; display: inline-block;
La he utilizado, pero nada, sigue comportandose extrañamente... Lo
curioso es que cada vez hace algo distinto, si hiciera siempre lo
mismo...
En cuanto a la opinion, tienes toda la razon. Lo cambio imediatamente.
Gracias,
xema
___
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
_
Express yourself instantly with MSN Messenger! Download today it's FREE!
http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/
___
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
