hola ante todo decir que he aprendido muchisimo y de una forma muy amena con esta pagina, y ahora voy a exponer mi problema.
el problema que tengo es que con el internet explorer la pagina se ve perfecta pero con el mozilla el gif que se pone al final de la pagina y se llama curva inferior, espero que ya sepais a que gif me refiero,bueno al grano el gif este antes dicho me sale en el mozilla totalmente desplazado a la derecha de la pagina y no entiendo por que, aber si alguna alma caritativa me puede echar una mano y ayudarme
ahora pondre el codigo html por si veis algun error o es otra cosa
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">bienvenidos a mi pagina web</div></div>
<div id="navegacion">
<ul>
pagina principal
ropa señora
ropa caballero
calzado
ropa interior femenina
</div>
<div id="contenido"><div id="menu"><ul><h1>pagina principal</h1> elemento lista 1 elemento lista 2 elemento lista 3 elemento lista 4</div><h1>esta sera la zona principal de la web</h1>
la construcion de esta pagina web me esta cosatando un webo y parte del otro tengo los ojos echos polvo voy a poner aqui el fin de parrafo y voy hacer otro</p>
<h2>aqui creo que empieza el otro que vamos espero que sea algo mas corto que el primero si creo que si</h2>
y este sera el ultimo mas corto por que creo que ya esta bien pues no parece ser que escrivo poco y tengo que hacerlo mas largo osea que no acababa ahi donde dije antes si no un poco mas alla pues parece que esta pagina es mas larga de lo que yo creia, tengo que escribir mas cosas por que no sale de la forma que tiene que salir</p></div>
<div id="pie">
<div id="pieuno">
<ul>
Foro Ejemplo contactos Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
Directorio Topsite Mapa de la Web
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
y ahora el codigo css de la pagina
*{text-indent:0px; margin:0px ; padding:0px ; border: 0px}
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}
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;height:12px;overflow:hidden}
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:95px}
#logotipo { width:280px;float:left}
#publicidad { width:518px;float:right; margin-top:25px}
#navegacion{background-color:gray ; border:black 1px solid ;height:20px}
#navegacion li{float:left;list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul{margin-left:70px}
#contenido{background-color:orange;border-left:black 1px solid ; border-right:black 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 ; background-image:url(objetos/menu-parte-inferior.gif) ; background-position:bottom ; padding-bottom:5px}
#menu li{list-style:none; margin: 4px 4px 4px 6px}
#menu h1{text-decoration:none; font-size:12px ; background-image:url(objetos/menu-parte-superior.gif);width: 150px ; padding-top:12px}
#pie{background-color:white; border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid;height: 65px}
#pie li{list-style:none ; font-size:12px}
#pieuno { float:left ; width:150px}
#piedos { float:left ; width:498px}
#pietres { float:left ; width:150px}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
a {color:brown; text-decoration:none; display:block}
a:link{}
a:visited{}
a:hover{color:red; text-decoration:underline; background-color:silver}
a:active{}
#pie a {color: blue; text-decoration:none; display: block}
#pie a:link{}
#pie a:visited{}
#pie a:hover{color:black; text-decoration:underline; background-color: white}
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link{}
#logotipo a:visited{}
#logotipo a:hover{background-color:white}
#logotipo a:active{}
gracias de antemano por la ayuda :P :P
el problema que tengo es que con el internet explorer la pagina se ve perfecta pero con el mozilla el gif que se pone al final de la pagina y se llama curva inferior, espero que ya sepais a que gif me refiero,bueno al grano el gif este antes dicho me sale en el mozilla totalmente desplazado a la derecha de la pagina y no entiendo por que, aber si alguna alma caritativa me puede echar una mano y ayudarme
ahora pondre el codigo html por si veis algun error o es otra cosa
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">bienvenidos a mi pagina web</div></div>
<div id="navegacion">
<ul>
</div>
<div id="contenido"><div id="menu"><ul><h1>pagina principal</h1>
la construcion de esta pagina web me esta cosatando un webo y parte del otro tengo los ojos echos polvo voy a poner aqui el fin de parrafo y voy hacer otro</p>
<h2>aqui creo que empieza el otro que vamos espero que sea algo mas corto que el primero si creo que si</h2>
y este sera el ultimo mas corto por que creo que ya esta bien pues no parece ser que escrivo poco y tengo que hacerlo mas largo osea que no acababa ahi donde dije antes si no un poco mas alla pues parece que esta pagina es mas larga de lo que yo creia, tengo que escribir mas cosas por que no sale de la forma que tiene que salir</p></div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
y ahora el codigo css de la pagina
*{text-indent:0px; margin:0px ; padding:0px ; border: 0px}
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}
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;height:12px;overflow:hidden}
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:95px}
#logotipo { width:280px;float:left}
#publicidad { width:518px;float:right; margin-top:25px}
#navegacion{background-color:gray ; border:black 1px solid ;height:20px}
#navegacion li{float:left;list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul{margin-left:70px}
#contenido{background-color:orange;border-left:black 1px solid ; border-right:black 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 ; background-image:url(objetos/menu-parte-inferior.gif) ; background-position:bottom ; padding-bottom:5px}
#menu li{list-style:none; margin: 4px 4px 4px 6px}
#menu h1{text-decoration:none; font-size:12px ; background-image:url(objetos/menu-parte-superior.gif);width: 150px ; padding-top:12px}
#pie{background-color:white; border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid;height: 65px}
#pie li{list-style:none ; font-size:12px}
#pieuno { float:left ; width:150px}
#piedos { float:left ; width:498px}
#pietres { float:left ; width:150px}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
a {color:brown; text-decoration:none; display:block}
a:link{}
a:visited{}
a:hover{color:red; text-decoration:underline; background-color:silver}
a:active{}
#pie a {color: blue; text-decoration:none; display: block}
#pie a:link{}
#pie a:visited{}
#pie a:hover{color:black; text-decoration:underline; background-color: white}
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link{}
#logotipo a:visited{}
#logotipo a:hover{background-color:white}
#logotipo a:active{}
gracias de antemano por la ayuda :P :P