antes que nada felicidades por la pagina esta excelente, pero tengo un problema cuando abro mi pagina en firefox se ve toda encimada y en internet expl no se ve asi se ve bien ademas el logotipo tampoco se ve
y en la carpeta amarilla del ejemplo en vista previa no se ven los cambios y en internet si ayudenme por favor
este es mi plantilla
<!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">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Sección 1
Sección 2
Sección 3
Sección 4
</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul> Enlace 1 Enlace 2
Enlace 3 Enlace 4
</div>
<h1> zona principal de la web </h1>
</p> <h2> AMOR, AMISTAD O DESEO </h2>
</p> CAPITULO 1
La realidad es parte de la vida pero lo que si se que el amor es lo mas bello que existe, bueno esta historia es la de oscar, bueno ,oscar es un joven de 18 años de buen ver, educado y excelente estudiante, azul es una mujer de 18 años guapa, bonita, educada y buena estudiante ellos se conocieron cuando tan solo tenían 10 años desde entonces son grades amigos , pero detrás de esta amistad hay un gran amor por parte de azul hacia oscar pero el no se ha dado cuenta después de tantas insinuaciones, pero ella no se atreve a decirle cuanto lo ama; ellos van a ala misma universidad, ahí tienen otro amigo el cual le da consejos a los dos, su nombre es Edgar .ellos son vecinos al igual que Edgar.
A pesar de que azul quiere a oscar ellos se tratan solamente como amigos y nada más, aunque ella quisiera tratarlo de otra manera.</p>
En la universidad son grandes amigos pero hace una semanas salieron algunos trabajos en equipo de cuatro personas, para el trabajo se juntaron oscar, azul, Edgar y carolina, pero carolina también estaba enamorada de oscar para lo que aprovecho para insinuarle su amor hacia él, lo que azul le daba rabia, a que azul, solo trataba de separarlos para que óscar no se enamorara de carolina a lo que contesto un día carolina ¿Quién te crees tu para quitarme a cada momento de oscar? A lo que ella contesto yo solo su amiga y no quiero que se enrede con cualquier oportunista.</p>
-¿Por qué? estas celosa- dijo carolina
n-no eso jamás es que lo quiero como amigo, además eso no te interesa-contesto azul</p>
-No se ¿Por qué? Te portas así conmigo, además si solo es tu amigo déjame salir con el -menciono carolina</p>
-A lo que pensado estaba azul, he estado muy exaltada por oscar mis celos no me dejan hacer bien el trabajo.</p>
-De pronto llego oscar con Edgar</p>
-Hola muchachas como están</p>
Bien- contestaron las dos damas</p>
Pasa algo-dijo Edgar</p>
-no-contestaron</p>
</p>
</div>
<div id="pie"> pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
y este es mi hoja de estilo
* {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:85px }
#logotipo { width:280px; float:left}
#publicidad {width:518px; float:right; margin-top:25px; font-size: 16px}
#navegacion {background-color: green ; border: black 1px solid ; height:20px}
#navegacion li {float:left; list-style:none; margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; float:left; border-left: black 1px solid ;
border-right: black 1px solid}
#contenido p {padding: 5px 10px 0px 10px ; text-indent: 15px}
#menu { width: 150px ; float:left;
text-align:left ; margin-right: 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 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px;
background-image: url(objetos/menu-parte-superior.gif)}
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }
a {color: blue; text-decoration: none; display: block }
a: link {}
a: visited{}
a:hover {color:red ; text-decoration:underline ; background-color: blue}
a: active {}
te agradeceria mucho que vieras por que no se ve bien en firefox sin mas que decir gracias
mi pagina es http://lomejordelanime.onlinewebshop.net/plantilla.html
y en la carpeta amarilla del ejemplo en vista previa no se ven los cambios y en internet si ayudenme por favor
este es mi plantilla
<!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">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>
</div>
<h1> zona principal de la web </h1>
</p> <h2> AMOR, AMISTAD O DESEO </h2>
</p> CAPITULO 1
La realidad es parte de la vida pero lo que si se que el amor es lo mas bello que existe, bueno esta historia es la de oscar, bueno ,oscar es un joven de 18 años de buen ver, educado y excelente estudiante, azul es una mujer de 18 años guapa, bonita, educada y buena estudiante ellos se conocieron cuando tan solo tenían 10 años desde entonces son grades amigos , pero detrás de esta amistad hay un gran amor por parte de azul hacia oscar pero el no se ha dado cuenta después de tantas insinuaciones, pero ella no se atreve a decirle cuanto lo ama; ellos van a ala misma universidad, ahí tienen otro amigo el cual le da consejos a los dos, su nombre es Edgar .ellos son vecinos al igual que Edgar.
A pesar de que azul quiere a oscar ellos se tratan solamente como amigos y nada más, aunque ella quisiera tratarlo de otra manera.</p>
En la universidad son grandes amigos pero hace una semanas salieron algunos trabajos en equipo de cuatro personas, para el trabajo se juntaron oscar, azul, Edgar y carolina, pero carolina también estaba enamorada de oscar para lo que aprovecho para insinuarle su amor hacia él, lo que azul le daba rabia, a que azul, solo trataba de separarlos para que óscar no se enamorara de carolina a lo que contesto un día carolina ¿Quién te crees tu para quitarme a cada momento de oscar? A lo que ella contesto yo solo su amiga y no quiero que se enrede con cualquier oportunista.</p>
-¿Por qué? estas celosa- dijo carolina
n-no eso jamás es que lo quiero como amigo, además eso no te interesa-contesto azul</p>
-No se ¿Por qué? Te portas así conmigo, además si solo es tu amigo déjame salir con el -menciono carolina</p>
-A lo que pensado estaba azul, he estado muy exaltada por oscar mis celos no me dejan hacer bien el trabajo.</p>
-De pronto llego oscar con Edgar</p>
-Hola muchachas como están</p>
Bien- contestaron las dos damas</p>
Pasa algo-dijo Edgar</p>
-no-contestaron</p>
</p>
</div>
<div id="pie"> pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
y este es mi hoja de estilo
* {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:85px }
#logotipo { width:280px; float:left}
#publicidad {width:518px; float:right; margin-top:25px; font-size: 16px}
#navegacion {background-color: green ; border: black 1px solid ; height:20px}
#navegacion li {float:left; list-style:none; margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; float:left; border-left: black 1px solid ;
border-right: black 1px solid}
#contenido p {padding: 5px 10px 0px 10px ; text-indent: 15px}
#menu { width: 150px ; float:left;
text-align:left ; margin-right: 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 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px;
background-image: url(objetos/menu-parte-superior.gif)}
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }
a {color: blue; text-decoration: none; display: block }
a: link {}
a: visited{}
a:hover {color:red ; text-decoration:underline ; background-color: blue}
a: active {}
te agradeceria mucho que vieras por que no se ve bien en firefox sin mas que decir gracias
mi pagina es http://lomejordelanime.onlinewebshop.net/plantilla.html