Foros del web, para los que viven de bits

vmso · 29-ago-2008, 05:21

Buenas a todos!!!

Tengo una web.

index.php
----------
<html>
<head>
<title>Ejemplo de estilos CSS en un archivo externo</title>
<link rel="stylesheet" type="text/css" href="estilos.css" media="screen" />
</head>
<body>
TEXTO
</body>
</html>
--------------

y la css

--------
BODY {

font-size: 2em;
font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 10 0 10 0px;
text-align: center;
background-color: #EFECD6;

}
--------

Muy simple.

Con IE Se me ve perfectamente, con Firefox se ve como si no tuviese css.
¿Posible problema de firefox? (He reinstalado versiones diferentes y sigue igual)

Gracias!!

emiliodeg · 29-ago-2008, 10:09

me la juego q si le pones al css body en minisculas anda

webosiris · 29-ago-2008, 15:06

Cita:

margin: 10 0 10 0px;

10 que?? manzanas, px, papas o metros?
te faltan las unidades, por eso firefox no lo interpreta

además el 0 es el unico valor que no necesita unidades (0 metros o 0 cm es lo mismo

) y si los valores (top y bottom) (left y right) son iguales se puede abreviar. Te queda

Código:

margin:10px 0;

art33 · 29-ago-2008, 17:17

no importa las mayusculas... tampoco lo de "margin: 10 0 10 0px;" aun k no tengo claro k kiso hacer... asegurate k tu hoja de estilos si tenga el nombre de "estilos.css" y que se encuentre en el mismo directorio que tu archivo index.php... (que por cierto no veo el codigo php, mas bien es html) intenta llamar asi tu hoja de estilos... @import url(estilo.css); pero da igual tu codigo esta "correcto"

vmso · 30-ago-2008, 05:42

Buenas!!

Muchas Gracias a todos por las sugerencias, pero ninguna ha resuelto el problema, supongo que sera algun fallo extraño de firefox.

La sintaxis mas simple imposible.

kseso? · 30-ago-2008, 06:15

Cita:

Iniciado por vmso

BODY {

font-size: 2em;
font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 10 0 10 0px;
text-align: center;
background-color: #EFECD6;

}

Muy simple.

Con IE Se me ve perfectamente, con Firefox se ve como si no tuviese css.
¿Posible problema de firefox? (He reinstalado versiones diferentes y sigue igual)

Gracias!!

"Si con ie es que sí y con ff es que no, seguramente algo estás haciendo mal"

{...
font-size: 2em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 10px 0;
...}

Un saludo

America|UNK · 30-ago-2008, 11:39

Está diciendo que el Firefox tiene errores con CSS ?

KnowDemon · 30-ago-2008, 23:25

Tuve un problema similar hace MUCHO tiempo con el Netscape 6 (Motor Gecko) y la causa era que el servidor web estaba sirviendo el MIME del archivo CSS como text/html y no como text/css. De forma que el navegador no lo consideraba una hoja de estilo y se pasaba de largo. Tal vez ese sea el problema.

Viendo las cabeceras de respuesta al solicitar el archivo podrás verificarlo. Se puede hacer con la extensión de Web developer. No se si con el Firebug también.

En caso de ser ese el problema, la solución pasa por configurar correctamente el servidor, o por medio del .htaccess. De no poderse realizar tales cambios, se me ocurre importar el archivo externo a una sección <style> en el HEAD de tu documento. Algo así:

<style>
@import url("estilos.css");
</style>

Te hablo de memoria. Tal vez eso último no funciona.

Suerte.

vmso · 31-ago-2008, 09:50

Buenas!!!

De nuevo muchas gracias a todos y de cir que estoy sorprendido con la velocidad que se me ha contestado a mi pregunta, pero he probado todo lo que se me ha dicho, y nada sigue igual, he probado la url desde otro pc con los dos navegadores Firefox e IE y el resultado sigue siendo el mismo.

Muchas Gracias y un Saludo ;)

vmso · 31-ago-2008, 10:03

Buenas a todos!!

Firefox (3.0.1) Era la version con la cual no me va. (Ambos pc tiene la misma version). Cambie la version de Firefox 2.0.0.16 y listo.

La verdad no me lo explica, sera la configuracion. Por que es raro que firefox falle, aunque la version 3.0.1 tambien me producia errores con https (Quizas fuese la configuracion)

Muchas Gracias a todos.

29-ago-2008, 05:21	#1 (permalink)
vmso Fecha de Ingreso: agosto-2008 Mensajes: 4	Firefox no procesa hoja de estilo externa Buenas a todos!!! Tengo una web. index.php ---------- <html> <head> <title>Ejemplo de estilos CSS en un archivo externo</title> <link rel="stylesheet" type="text/css" href="estilos.css" media="screen" /> </head> <body> TEXTO </body> </html> -------------- y la css -------- BODY { font-size: 2em; font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 10 0 10 0px; text-align: center; background-color: #EFECD6; } -------- Muy simple. Con IE Se me ve perfectamente, con Firefox se ve como si no tuviese css. ¿Posible problema de firefox? (He reinstalado versiones diferentes y sigue igual) Gracias!!

29-ago-2008, 10:09	#2 (permalink)
emiliodeg Fecha de Ingreso: septiembre-2005 Ubicación: Córdoba Mensajes: 1.109	Respuesta: Firefox no procesa hoja de estilo externa me la juego q si le pones al css body en minisculas anda __________________ Degiovanni Emilio developtus.com mi neurona

29-ago-2008, 15:06	#3 (permalink)
webosiris Moderador HTML y CSS Fecha de Ingreso: noviembre-2002 Ubicación: /home/montevideo Mensajes: 6.551	Respuesta: Firefox no procesa hoja de estilo externa Cita: margin: 10 0 10 0px; 10 que?? manzanas, px, papas o metros? te faltan las unidades, por eso firefox no lo interpreta además el 0 es el unico valor que no necesita unidades (0 metros o 0 cm es lo mismo ) y si los valores (top y bottom) (left y right) son iguales se puede abreviar. Te queda Código: margin:10px 0; __________________ Oraculus.com. Sitios web artesanales para el siglo XXI PSD a HTML. Tu diseño. Nuestro código.

29-ago-2008, 17:17	#4 (permalink)
art33 Fecha de Ingreso: agosto-2008 Mensajes: 244	Respuesta: Firefox no procesa hoja de estilo externa no importa las mayusculas... tampoco lo de "margin: 10 0 10 0px;" aun k no tengo claro k kiso hacer... asegurate k tu hoja de estilos si tenga el nombre de "estilos.css" y que se encuentre en el mismo directorio que tu archivo index.php... (que por cierto no veo el codigo php, mas bien es html) intenta llamar asi tu hoja de estilos... @import url(estilo.css); pero da igual tu codigo esta "correcto"

30-ago-2008, 05:42	#5 (permalink)
vmso Fecha de Ingreso: agosto-2008 Mensajes: 4	Respuesta: Firefox no procesa hoja de estilo externa Buenas!! Muchas Gracias a todos por las sugerencias, pero ninguna ha resuelto el problema, supongo que sera algun fallo extraño de firefox. La sintaxis mas simple imposible.

30-ago-2008, 06:15	#6 (permalink)
kseso? Fecha de Ingreso: junio-2007 Ubicación: laRamajería 京Cd௫京 Mensajes: 931	Respuesta: Firefox no procesa hoja de estilo externa Cita: Iniciado por vmso BODY { font-size: 2em; font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 10 0 10 0px; text-align: center; background-color: #EFECD6; } Muy simple. Con IE Se me ve perfectamente, con Firefox se ve como si no tuviese css. ¿Posible problema de firefox? (He reinstalado versiones diferentes y sigue igual) Gracias!! "Si con ie es que sí y con ff es que no, seguramente algo estás haciendo mal" {... font-size: 2em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 10px 0; ...} Un saludo __________________ 京Cd௫京 Aleluya por la duda. Pero ten en tu intelecto que tu problema es mi divertimento. Si no sabes preguntar, no esperes que pierda mi tiempo.

30-ago-2008, 11:39	#7 (permalink)
America\|UNK Fecha de Ingreso: noviembre-2006 Mensajes: 169	Respuesta: Firefox no procesa hoja de estilo externa Está diciendo que el Firefox tiene errores con CSS ? __________________ 360

30-ago-2008, 23:25	#8 (permalink)
KnowDemon Fecha de Ingreso: julio-2004 Ubicación: Ciudad de México Mensajes: 541	Respuesta: Firefox no procesa hoja de estilo externa Tuve un problema similar hace MUCHO tiempo con el Netscape 6 (Motor Gecko) y la causa era que el servidor web estaba sirviendo el MIME del archivo CSS como text/html y no como text/css. De forma que el navegador no lo consideraba una hoja de estilo y se pasaba de largo. Tal vez ese sea el problema. Viendo las cabeceras de respuesta al solicitar el archivo podrás verificarlo. Se puede hacer con la extensión de Web developer. No se si con el Firebug también. En caso de ser ese el problema, la solución pasa por configurar correctamente el servidor, o por medio del .htaccess. De no poderse realizar tales cambios, se me ocurre importar el archivo externo a una sección <style> en el HEAD de tu documento. Algo así: <style> @import url("estilos.css"); </style> Te hablo de memoria. Tal vez eso último no funciona. Suerte. __________________ Mi pequeño espacio en la web: VisiónE "El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez." Última edición por KnowDemon; 30-ago-2008 a las 23:32.

31-ago-2008, 09:50	#9 (permalink)
vmso Fecha de Ingreso: agosto-2008 Mensajes: 4	Respuesta: Firefox no procesa hoja de estilo externa Buenas!!! De nuevo muchas gracias a todos y de cir que estoy sorprendido con la velocidad que se me ha contestado a mi pregunta, pero he probado todo lo que se me ha dicho, y nada sigue igual, he probado la url desde otro pc con los dos navegadores Firefox e IE y el resultado sigue siendo el mismo. Muchas Gracias y un Saludo ;)

31-ago-2008, 10:03	#10 (permalink)
vmso Fecha de Ingreso: agosto-2008 Mensajes: 4	Respuesta: Firefox no procesa hoja de estilo externa Buenas a todos!! Firefox (3.0.1) Era la version con la cual no me va. (Ambos pc tiene la misma version). Cambie la version de Firefox 2.0.0.16 y listo. La verdad no me lo explica, sera la configuracion. Por que es raro que firefox falle, aunque la version 3.0.1 tambien me producia errores con https (Quizas fuese la configuracion) Muchas Gracias a todos.

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