diferencias explorer firefox opera >> lecc3

wenaaaas, otra vez por aquí. :oops: Estoy en la lecc 3, colocando la curva superior. En explorer, me sale colocada, aunque no se quita ese espacio en blanco que queda; pero en firefox y opera ni salen los bordes de las capas cabecera, navegación y pie ni tampoco la curva superior y no sé porque.
¿podría ayudarme alguien porfa?, he estado mirando el foro y las preguntas frecuentes y no encuentro nada de esto.

aqui va la css
*{text-indent:0px;margin:0px;padding:0px;border:0px}
body{text-align:center}
#cabecera {background-color: pink;border-left:black 1px solid;border-top:black 1px solid;border-right:black 1px solid}
#navegacion{background-color:grey;border:black 1px solid}
#contenido{background-color:orange;border-left:1px solid;border-right:1px solid}
#contenido p{padding:5px 10px 5px 10px;text-indent:15px}
#menu{background-color:yellow;width:150px;float:left;text-align:left;margin:3px 10px 3px 3px}
#menu li{list-style:none;margin:4px 0px 4px 6px}
#pie{background-color:brown;border:black 1px solid}
#global{width:800px;margin:4px auto}
a {color:brown;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-weight:bold;text-decoration:underline;text-align:center}
h2{font-size:1.1em;color:blue;font-weight:bold;text-decoration:none;text-align:center}
#curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:26px;overflow:hidden}
----------------------------------------
y aqui el html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</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">Bienvenidos a mi web</div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">
<div id="menu"><ul>
  • Elemento de lista, 1
  • Elemento de lista, 2
  • Elemento de lista, 3
    </div>

    <h1>Esta será la zona principal de la web</h1>


    Este sería mi segundo párrafo, no sé bien qué poner porque estoy pensando en mil cosas a la vez y no acabo de centrarme</p>
    <h2>Bueno, allá vamos, con el tercer párrafo</h2>

    ¿Qué podría decir sobre crear webs que no sepais ya?, para los novatos se nos hace un mundo eterno y cuesta
    arriba pero como se suele decir, "sin dificultad, no hay aprendizaje". Así que trataremos de seguir este curso y superar las dificultades, a ver
    si consigo hacer una página maja.</p>
    </div>

    <div id="pie">Este es el pie de página</div>


    </div>
    </body>
    </html>
    ------------------------------------
    y esta es la dirección: http://cosasbuenasdelavida.atwebpages.com/plantilla.html

    Graciassssss y saludos a todos
  • :oops: :oops: ok, sólo es cuestion de actualizar la cache de la pagina, pero sigue quedando ese espacio en blanco... :?:
    hola revise la relacion de su plantilla usted tiene esto que le muestro aqui
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media:"all">
    le sobran los dos puntos y le falta el doble guion ejemplo aqui abajo
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all"> espero que sea eso.

    saludos.
    hola buenos dias y gracias por la respuesta; ya lo revisé y corregí, pero sigue igual, ese espacio en blanco de la curva superior que no se quita.
    También probé a quitar la línea entera en la css y volverla a definir, pero nada :cry:
    :cry: :cry: Hola de nuevo, la cosa sigue fallando y aunque reviso y compruebo que no me falte cerrar nada, etc., está todo desencajado.
    Además se ve diferente en mozilla y en opera. Ya estoy algo desesperada porque no sé como remediar eso y continuar el curso. Eso sí, el enlace funciona perfectamente... :o
    ¿Será que alguien podrá ayudarme por favor?

    http://cosasbuenasdelavida.atwebpages.com/plantilla.html

    aqui va la css

    *{text-indent:0px;margin:0px;padding:0px;border:0px}
    body{text-align:center}
    #curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:26px;overflow:hidden}
    #cabecera {background-color: white;border-left:black 1px solid;border-right:black 1px solid;height:85px}
    #logotipo{background-color:brown;width:280px;float:left}
    #publicidad{background-color:pink;width:518px;float:right;margin-top:25px}
    #navegacion{background-color:grey;border:black 1px solid}
    #contenido{background-color:orange;border-left:1px solid;border-right:1px solid}
    #contenido p{padding:5px 10px 5px 10px;text-indent:15px}
    #menu{background-color:yellow;width:150px;float:left;text-align:left;margin:3px 10px 3px 3px}
    #menu li{list-style:none;margin:4px 0px 4px 6px}
    #pie{background-color:white;border-left:black 1px solid;border-top:black 1px solid;border-right:black 1px solid}
    #global{width:800px;margin:4px auto}
    a {color:brown;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-weight:bold;text-decoration:underline;text-align:center}
    h2{font-size:1.1em;color:blue;font-weight:bold;text-decoration:none;text-align:center}
    #curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:26px;overflow:hidden
    -----------------------
    Está todo subido al servidor.
    Gracias y saludos
    dejanos ver el html. parece cosa de un div
    Lo mejor de caerse al tropezar, es volverse a levantar.
    gjulian escribió:dejanos ver el html. parece cosa de un div
    repasando el codigo,
    #curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:26px;overflow:hidden
    creo que es demasiado ancho y ademas te falta cerrar la orden "}"
    Lo mejor de caerse al tropezar, es volverse a levantar.
    Hola gjulian, gracias por tu ayuda, este es el codigo html

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Page title</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" height="85">
    <div id="logotipo">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a mi web</div>
    <div id="navegacion"><ul>
  • Sección 1
  • Sección2
  • Sección3
  • Sección 4</div>
    <div id="contenido">
    <div id="menu"><ul>
  • Elemento de lista, 1
  • Elemento de lista, 2
  • Elemento de lista, 3
    </div>

    <h1>Esta será la zona principal de la web</h1>


    Este sería mi segundo párrafo, no sé bien qué poner porque estoy pensando en mil cosas a la vez y no acabo de centrarme</p>
    <h2>Bueno, allá vamos, con el tercer párrafo</h2>

    ¿Qué podría decir sobre crear webs que no sepais ya?, para los novatos se nos hace un mundo eterno y cuesta
    arriba pero como se suele decir, "sin dificultad, no hay aprendizaje". Así que trataremos de seguir este curso y superar las dificultades, a ver
    si consigo hacer una página maja.</p>
    </div>

    <div id="pie">Este es el pie de página</div>
    <div id="curva-inferior"></div>


    </div>
    </body>
    </html>

    Bueno, lo del corchete que falta, es cosa de copiar y pegar mal aquí, pero está puesto... :)
    Pero está claro que hay algo mal y no lo veoooooo...
    Gracias y saludos.
  • hola

    fijate en el csss

    escribiste mal height

    #curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;heigt:12px;overflow:hidden}

    saludos
    creo que es demasiado ancho y ademas te falta cerrar la orden "}"
    dije "ancho", queria decir "alto" je,je. :roll:
    Lo mejor de caerse al tropezar, es volverse a levantar.