Entrar

Problema con firefox

wtorres · · Solicitar retirada
En la sección 3 al poner la imagen "curva-superior" despues de darle todas las propiedades en la pagina de estilos css, cuando lo habro con internet explorer se ve correctamente, sin embago al abrirlo en firefox no se ve la imagen.
icocelebes · · Solicitar retirada
Hola wtorres.
Es raro que no te aparezca la imagen, que se viera descentrada o algo es más normal, al no ver tus codigos no puedo señalarte algun error en concreto, pero creo que debes haber cometido algún fallo en un comando o te falta alguna letra por ahi.
De todas formas si nos incluyes tu codigo html y css, nos sería de utilidad.
wtorres · · Solicitar retirada
Gracias amigo,
Lo curioso es que en firefox el pie de la página sale todo bien pero la cabecera no.
En la hoja de estilo escribí esto:

*{margin:0px;padding:0px;border:0px;}
body {text-align:center;}
#global {width:800px;margin:4px auto;}
#curva-superior {background-image:url(objetos/curva-superior.gif);
background-repeat:no-repeat;width:800px;heigth:12px;overflow:hidden;}
#cabecera {background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:85px;}
#logotipo {background-color:white;width:280px;float:left;}
#publicidad{background-color:pink;width:518px;float:right;margin-top:25px;}
#navegacion{background-color:gray;border:1px solid black;}
#contenido {background-color:orange;width:800px;float:left;text-indent:15px;border-left:black 1px solid;border-rigth:black 1px solid;}
#contenido p {padding:5px 10px 5px 10px;}
#menu {background-color:yellow;width:150px;float:left;text-align:left;margin:3px 10px 3px 3px;}
#menu li {list-style:none;margin:4px opx 4px 6px;}
a {color:blue;font-size:1.3em;text-decoration:none;display:block;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline;background-color:silver;}
a:active {}
p{text-align:justify;}
h1{font-size:1.2em; color:blue;font-weigth:bold;text-decoration:underline;text-align:left;}
h2{font-size:1.1em; color:blue;font-weigth:bold;text-decoration:none;text-align:left;}

#pie {background-color:white;border-left:black 1px solid;border-right:black 1px solid;}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);
background-repeat:no-repeat;width:800px;heigth:12px;overflow:hidden;}

y en la plantilla.html escribí esto:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
<head>
<title>Mi página web en creación</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
paxarin · · Solicitar retirada
la verdad que es extraño y ademas como te comentan lo logico seria que la imagen no se viera correctamente, pero que en un navegador se vea y en otro no es vastante extraño.
Sobre todo por que parece que la ruta delos archivos es correcta.
No obstante revisa que las medidas este bien ya que tienes la propiedad Overflow:hidden y sabes que todo lo que sobre salga no se vera.
de todas formas no la tienes subida a ningun hosting de prueba para poder verlo mejor?
Un saludo y espero haberte ayudado
wtorres · · Solicitar retirada
Pues ya solicité el hosting pero todavia no me han contestado, cuando me contesten y suba la pagina les dare la url. Gracias!!! No se vallan muy lejos que volveré con la url
icocelebes · · Solicitar retirada
Ahora que recuerdo, al ver que la imagen la tienes mediante el css, ami me ocurrio lo mismo con curva-inferior (aunque yo al div le cambie el nombre por "pie"). coloca alguna palabra en el div "curva-superior" en html y aver que pasa.
<div id="curva-superior">nombreweb centrado</div>
Yo coloque unos enlaces en ese div vacio y desde entonces me aparece siempre.
wtorres · · Solicitar retirada
Encontré el error!!!!!! despues de aproximadamente 50 repasadas me di cuenta de que escribí "heigth" en vez de "height".
Aparentemente IE reconoce los dos no se porqué. Una sola letra mal escrita crea todo un problemón jeje.

gracias por su apoyo!!!