Foros del web, para los que viven de bits

sebvasm · 04-mar-2006, 14:08

He tenido problemas con Firefox al ver una pagina con una hoja de estilo CSS, ESta pagina se ve exelente en el internet explorer, pero al usar firefox, es como si la hoja CSS estuviera mal construida, por ejemplo:

El menu se ve de una forma muy rara.
Algunas tablas que deberian salir arriba, salen a mitad de pagina (en internet explorer, se nota una tabla debajo de esta con HEIGHT=100%, osea que hace que la tabla que este arriba la lleve a limite, mozilla no puede hacer esto).

en mi pagina he tenido muchos reclamos, como se pueden corregir estos errores?

si sirve de algun el css lo isterto de esta manera en mis paginas:
<link rel="stylesheet" href="style.css">

Gracias Colaboradores

webosiris · 04-mar-2006, 14:41

Cita:

Iniciado por sebvasm

es como si la hoja CSS estuviera mal construida

Probablemente la mayoría de los errores (para no decir TODOS) se debe justamente a que no estás usando bien CSS y/o HTML... es probable que Firefox en realidad muestre al pie de la letra lo que está escrito..

Cita:

en mi pagina he tenido muchos reclamos

Agradecele a tus usuarios... me alegro que te reclamen, te están ayudando a hacer webs de mejor calidad.

Cita:

como se pueden corregir estos errores?

principalmente escribiendo código válido, tanto html como css...

Abelcoto17 · 06-mar-2006, 13:20

El problema es que habras diseñado tu web para ie . IE es un navegador que no sigue los estandares.

Si sigues los estandares , se vera bien en cualquier navegador que siga el estandar (firefox,mozilla,safari...). Pero en internet explorer deberas crear un nuevo archivo css ( o copiar el que es estandar) , y llamarlo iecss.css.

En ese archivo tendras que modificar algunas cosas (margins,paddings y tamaños de letra que sean relativos principalmente)

En disenorama.com hay un tutorial que habla del modelo de cajas de css que explica las diferencias entre este para firefox y ie (es debido a estas diferencias por lo que tienes que usar el icss.css

En tu codigo html pones :

Código HTML:

<link rel="stylesheet" type="text/css" href="css.css"/>  

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="iecss.css"/>
<![endif]-->

css.css es para cualquier navegador estandar

iecss.css es para internet explorer. Al poner el link rel entre  hace que solo se tenga encuenta ese archivo cuando el navegador sea Internet explorer.

Luxor · 06-mar-2006, 18:04

Cita:

Iniciado por Abelcoto17

css.css es para cualquier navegador estandar

iecss.css es para internet explorer. Al poner el link rel entre  hace que solo se tenga encuenta ese archivo cuando el navegador sea Internet explorer.

hola Abelcoto17.

Quieres decir que al poner ese código se muestra correctamente tanto en FireFox como en Internet Explorer?

Porque si es así, entonces lo mejor es poner ese código en todas las páginas web que uno desarrolle.

04-mar-2006, 14:08	#1 (permalink)
sebvasm Fecha de Ingreso: marzo-2005 Ubicación: stgo Mensajes: 37	Mozilla firefox no lee correctamente CSS He tenido problemas con Firefox al ver una pagina con una hoja de estilo CSS, ESta pagina se ve exelente en el internet explorer, pero al usar firefox, es como si la hoja CSS estuviera mal construida, por ejemplo: El menu se ve de una forma muy rara. Algunas tablas que deberian salir arriba, salen a mitad de pagina (en internet explorer, se nota una tabla debajo de esta con HEIGHT=100%, osea que hace que la tabla que este arriba la lleve a limite, mozilla no puede hacer esto). en mi pagina he tenido muchos reclamos, como se pueden corregir estos errores? si sirve de algun el css lo isterto de esta manera en mis paginas: <link rel="stylesheet" href="style.css"> Gracias Colaboradores __________________ _____________________________ http://usuarios.lycos.es/sebvasm/solotarros <<-Lo mejor en musica mp3, Imagenes, Criticas, Y Videos Gratis Musicales!

04-mar-2006, 14:41	#2 (permalink)
webosiris Moderador HTML y CSS Fecha de Ingreso: noviembre-2002 Ubicación: /home/montevideo Mensajes: 6.556	Cita: Iniciado por sebvasm es como si la hoja CSS estuviera mal construida Probablemente la mayoría de los errores (para no decir TODOS) se debe justamente a que no estás usando bien CSS y/o HTML... es probable que Firefox en realidad muestre al pie de la letra lo que está escrito.. Cita: en mi pagina he tenido muchos reclamos Agradecele a tus usuarios... me alegro que te reclamen, te están ayudando a hacer webs de mejor calidad. Cita: como se pueden corregir estos errores? principalmente escribiendo código válido, tanto html como css... __________________ Oraculus.com. Sitios web artesanales para el siglo XXI PSD a HTML. Tu diseño. Nuestro código.

06-mar-2006, 13:20	#3 (permalink)
Abelcoto17 Fecha de Ingreso: abril-2005 Mensajes: 6	El problema es que habras diseñado tu web para ie . IE es un navegador que no sigue los estandares. Si sigues los estandares , se vera bien en cualquier navegador que siga el estandar (firefox,mozilla,safari...). Pero en internet explorer deberas crear un nuevo archivo css ( o copiar el que es estandar) , y llamarlo iecss.css. En ese archivo tendras que modificar algunas cosas (margins,paddings y tamaños de letra que sean relativos principalmente) En disenorama.com hay un tutorial que habla del modelo de cajas de css que explica las diferencias entre este para firefox y ie (es debido a estas diferencias por lo que tienes que usar el icss.css En tu codigo html pones : Código HTML: <link rel="stylesheet" type="text/css" href="css.css"/> <!--[if IE]> <link rel="stylesheet" type="text/css" href="iecss.css"/> <![endif]--> css.css es para cualquier navegador estandar iecss.css es para internet explorer. Al poner el link rel entre <!--[if IE]> <![endif]--> hace que solo se tenga encuenta ese archivo cuando el navegador sea Internet explorer.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

06-mar-2006, 18:04	#4 (permalink)
Luxor Fecha de Ingreso: marzo-2006 Mensajes: 6	Cita: Iniciado por Abelcoto17 css.css es para cualquier navegador estandar iecss.css es para internet explorer. Al poner el link rel entre <!--[if IE]> <![endif]--> hace que solo se tenga encuenta ese archivo cuando el navegador sea Internet explorer. hola Abelcoto17. Quieres decir que al poner ese código se muestra correctamente tanto en FireFox como en Internet Explorer? Porque si es así, entonces lo mejor es poner ese código en todas las páginas web que uno desarrolle.