Entrar

error en distintos navegadores (chrome)

daniel_sp · · Solicitar retirada
el problema es el siguiente... tengo este cod html

<head>
<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">
<a href="index.html">
<img alt="Haz clic aquí para volver a la página de inicio" src="objetos/bienvenidos%20mafalda.jpg" height="300" width="400" />

</div>
<div id="publicidad"><h1>SOLIDAR.com</h1></div>
</div>
<div id="navegacion">
<div id="lista">
<ul>
<li><a href="#">Sección 1</a></li>
<li><a href="#">Sección 2</a></li>
<li><a href="#">Sección 3</a></li>
<li><a href="#">Sección 4</a></li>
</ul>
</div>
</div>
<div id="contenido">
<div id="menu">
MENU
<ul>
<li><a href="#"> Presentación </a></li>
<li><a href="#"> Foro </a></li>
<li><a href="#"> Historias </a></li>
<li><a href="#">elemento 4 </a></li>
<li><a href="#"> Elemento de lista, 5 </a></li>
<li><a href="#"> Elemento de lista, 6 </a></li>
</ul>
</div>
<h1>SOLIDAR</h1>
<h2>Presentacion</h2>
<p>Esta es la forma en que las personas aspiramos a una vida mejor.</p>
<p>aqui sigue lo otro...</p>
</div>
<div id="pie">SOLIDAR 2011© <a href="mailto:[correo eliminado]">CONTACTO</a></div>
<div id="curva-inferior"></div>
</div>
</body>

</html>

en internet explorer sale genial.. pero en chrome se mueve el menu.. q sigue pegado a la izquierda pero de la imagen de mafalda esta vez.. no de la capa contenido.. adjunto tambien estilo general.


* {margin:0px; padding:0px ; border: 0px}
body {text-align: center ; img-align: left}
p {text-align: justify}
#global {width:800px ;margin: 4px auto}
#cabecera {background-color: white; border-right: black 1px black solid ;border left: black 1px solid ;height:85px}
#logotipo { width:400px ; float: left}
#publicidad {width: 350px; float: right ; margin-top: 130px}
#navegacion {background-color: gray ;border-bottom: black 3px solid ; border-top: black 3px solid }
#contenido {background-color: orange ;border-left: black 1px solid; border-right: black 1px solid ; width: 800px ; float:left }
#pie { background-color: yellow ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid }
#menu {background-color: yellow; width: 150px ; float:left ; margin-right: 10px ;border-right: 3px solid black;border-bottom: 3px solid black}
#menu li {list-style:none; margin: 5px 0px 0px 5px ;}
#contenido p{padding: 5px 10px 5px 10px; text-indent: 15px}
#curva-superior { background-image: url(objetos/curva-superior.gif) ;background-repeat: no-repeat;width:800px ;height: 12px ;overflow: hidden}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;background-repeat: no repeat ;with:800px ;height:12px ;overflow: hidden}
#lista { width:800px; float:center }
a :{color: blue ;text-decoration:underline ; display:block}
a:link {color: green}
a:visited {backgorund-color:red}
a:hover {color: white; text-decoration: underline; background-color: brown}
a:active {}
h1 {front.size:1.1em; 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: left}
Dubois · · Solicitar retirada
Estimados...soy un principiante en temas de creación web y accedi a su curso paso a paso, el cual ha sido genial para mi, pues de no saber nada de nada...ahora puedo hacer de nuestro proyecto social con presos algo más serio.

Sin embargo, algo no entendí bien en el curso, porque mi página se ve bien sólo en IE, mas no en Firefox, Opera, ni Google Chrome.

Agradecería me echaran una mano.

La url es: hamsterchile.onlinewebshop.net

Saludos!!
lantiga · · Solicitar retirada
daniel_sp ha falta de url ya te digo que esto esta mal:


<a href="index.html">
<img alt="Haz clic aquí para volver a la página de inicio" src="objetos/bienvenidos%20mafalda.jpg" height="300" width="400" />


Os recuerdo a todos que al iniciar un enlace del tipo : <a href="#"> debemos cerrarlos </a>
lantiga · · Solicitar retirada
Dubois ; abre otro post para la consulta. gracias.

y como sugerencia ordena un poco el código:

<div id="global">

<div id="curva-superior"></div>

<!--INICIO CODIGO DE CABECERA - NO TOCAR -->

<! -- dentro de cabecera iría div de cabecera , logotipo y publicidad(recomendable) -->

<div id="cabecera">
<div id="logotipo">
<a href="index.html">
<img src="objetos/logotipo.jpg" width="300" height="200"
alt="Haz clic aqui para volver a la pagina de inicio">
</a>
</div>
</div>

<!-- FIN DE CODIGO DE CABECERA -->

<! -- Principio de menú de navegación -->

<div id="navegacion">

<ul>
<li><a href="index.html">Portada</a></li><li><a href="historia/historia.html">Historia</a></li>
<li><a href="proyectos/proyecto.html">Proyecto Hámster Chile</a></li>
<li><a href="microempresa/microempresa.html">Microempresa</a></li>
<li><a href="multimedia/multimedia.html">Multimedia</a></li>
<li><a href="foro/foro.html">Foro</a></li>
<li><a href="contacto/contacto.html">Contacto</a></li>
</ul>

</div>

<! -- fin de menú de navegación (Nota : código ordenadito para saber que es cada cosa) -->