Mmmm.. y si haces 2 estilos? uno para firefox y uno condicional para IE?
por ejemplo:
<!--[if lt IE 7.]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
así mantienes tu hoja de estilos para firefox y solo agregas los cambios
para que se vea bien en FF
Belen Zumalacarregui escribió:
> lo gracioso es que en IE 6 y 7 funciona perfecto pero no en FF, por
> hoy lo dejo con width en porcentajes, y todas las capas flotando a la
> izq que así al menos se ve bien en los 3...
>
> Muchísimas gracias!
>
> El 25/09/07, Tamara Forza <[EMAIL PROTECTED]> escribió:
>
>> Y flotando a la izquierda la caja central no te vale? Sin ponerle ningun
>> width debería ajustarse al contenido... de todas forma no lo he probado.
>>
>> Un saludo!
>>
>> On 9/25/07, Belen Zumalacarregui <[EMAIL PROTECTED]> wrote:
>>
>>> Hola Tamara: También había probado ponerle un width pero si lo hago, y
>>> cambio la resolución de pantalla a una menor, se desmorona al caja, y
>>> pretendo que se mantenga uniforme independientemente de la
>>> resolución...
>>>
>>> Muchas gracias de todas formas!!
>>>
>>> El 25/09/07, Tamara Forza <[EMAIL PROTECTED]> escribió:
>>>
>>>> Hola Belen,
>>>>
>>>> prueba flotar a la izquierda también la caja:
>>>>
>>>> .iconos .principal {
>>>> float:left;
>>>> }
>>>>
>>>> Si no se ve bien en FF prueba definirle también un width.
>>>>
>>>> Espero te sirva.
>>>>
>>>> Un saludo,
>>>> Tamara
>>>>
>>>> On 9/25/07, Belen Zumalacarregui <[EMAIL PROTECTED]> wrote:
>>>>
>>>>> Hola Inmaculada:
>>>>>
>>>>> El margin y el padding estan a 0, y si las floto a la izquierda las 3,
>>>>> es raro, pero en FF se ve mal!! Sale cada una por un lado...
>>>>>
>>>>> Tal vez sea que debería distribuir las capas de otra forma para que de
>>>>> paso , también pudieran crecer verticalmente si hay más texto..
>>>>>
>>>>> Muchas gracias por responder!!
>>>>> Saludos
>>>>>
>>>>> El 25/09/07, Inmaculada Hidalgo Berni
>>>>> <[EMAIL PROTECTED]> escribió:
>>>>>
>>>>>> Hola Belén,
>>>>>>
>>>>>> Ese mismo problema lo tuve yo el otro día. Tienes que flotar todas
>>>>>>
>>> las
>>>
>>>>> capas
>>>>>
>>>>>> a la izquierda y poner el padding y el margin a 0 en las tres capas.
>>>>>>
>>>>>> Venga, ánimo, no desesperes.
>>>>>>
>>>>>> Un saludo
>>>>>>
>>>>>>
>>>>>>
>>>>>> -----Mensaje original-----
>>>>>> De: [EMAIL PROTECTED] [mailto:
>>>>>>
>>>>> [EMAIL PROTECTED]
>>>>>
>>>>>> En nombre de Belen Zumalacarregui
>>>>>> Enviado el: martes, 25 de septiembre de 2007 17:22
>>>>>> Para: Ovillo, la lista de CSS en castellano
>>>>>> Asunto: [Ovillo] Bug 3 PX en IE6
>>>>>>
>>>>>> Hola a todos, se que es una tontería pero debe ser que ya la cabeza
>>>>>> no me da para más y me he bloqueado. Mi problema son los 3 pixeles
>>>>>> dichosos que deja IE6 cuando flotas varios divs. Lo he intentado
>>>>>>
>>> todo,
>>>
>>>>>> he mirado todos los posts que hay de
>>>>>> The IE6 Three Pixel Text-Jog pero no me termina de cuadrar.
>>>>>>
>>>>>> El caso es que tengo que conseguir una caja, a base de 3 divs, uno
>>>>>>
>>> con
>>>
>>>>>> la imagen de fondo del borde redondeado izq, otro con una img de
>>>>>>
>>> fondo
>>>
>>>>>> que se repita en y según el ancho del texto,y otra con el borde
>>>>>> derecho.
>>>>>>
>>>>>> El código sería:
>>>>>> <div class="iconos">
>>>>>> <div class="top_iconos"></div>----borde izq
>>>>>> <div class="bottom_iconos"></div>--borde derecho
>>>>>> <div class="principal"></div>---texto
>>>>>> </div>
>>>>>>
>>>>>> Y los estilos los he puesto así:
>>>>>> #central .iconos .top_iconos{
>>>>>> background: url(../images/admin_izq.gif) no-repeat left top;
>>>>>> height: 287px;
>>>>>> width: 27px;
>>>>>> float:left;
>>>>>> font-size:1px;
>>>>>> }
>>>>>>
>>>>>> #central .iconos .principal{
>>>>>> background: url(../images/bg_admin.gif) repeat-x left top;
>>>>>> height: 287px;
>>>>>> float:none;
>>>>>>
>>>>>> }
>>>>>>
>>>>>> #central .iconos .bottom_iconos{
>>>>>> background: url(../images/admin_dch.gif) no-repeat left top;
>>>>>> height: 287px;
>>>>>> width: 28px;
>>>>>> float:right;
>>>>>> font-size:1px;
>>>>>> }
>>>>>>
>>>>>> ¿Qué estoy haciendo mal para que salgan 3 pixeles por la dcha y
>>>>>>
>>> otros
>>>
>>>>>> 3 por la izq?
>>>>>> Muchas gracias
>>>>>> _______________________________________________
>>>>>> Lista de distribución Ovillo
>>>>>> Para escribir a la lista, envia un correo a [email protected]
>>>>>> Puedes modificar tus datos o desuscribirte en la siguiente
>>>>>>
>>> dirección:
>>>
>>>>>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>>>>>
>>>>>>
>>>>>> __________ NOD32 2353 (20070625) Information __________
>>>>>>
>>>>>> This message was checked by NOD32 antivirus system.
>>>>>> http://www.eset.com
>>>>>>
>>>>>>
>>>>>> _______________________________________________
>>>>>> Lista de distribución Ovillo
>>>>>> Para escribir a la lista, envia un correo a [email protected]
>>>>>> Puedes modificar tus datos o desuscribirte en la siguiente
>>>>>>
>>> dirección:
>>>
>>>>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>>>>
>>>>> _______________________________________________
>>>>> Lista de distribución Ovillo
>>>>> Para escribir a la lista, envia un correo a [email protected]
>>>>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>>>>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>>>>
>>>>>
>>>> _______________________________________________
>>>> Lista de distribución Ovillo
>>>> Para escribir a la lista, envia un correo a [email protected]
>>>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>>>>
>>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>>
>>> _______________________________________________
>>> Lista de distribución Ovillo
>>> Para escribir a la lista, envia un correo a [email protected]
>>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>>
>>>
>> _______________________________________________
>> Lista de distribución Ovillo
>> Para escribir a la lista, envia un correo a [email protected]
>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>
>>
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
>
--
Saludos!!
Final 2.0
Sabio no es aquel que lo sabe todo, si no el que sabe donde buscar.
Homepage: http://www.nxtch-xpression.com/
Blog Tutoriales Recursos y mas ^^ : http://www.nxtch-xpression.com/blog/
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
