la peor pesadilla , mi web se ve horrible con firefox

ok12 · 25 Feb 2011, 17:04 · Solicitar retirada

:mad: bueno les voy a poner imagenes y la url de la pagina

eman.vtrbandaancha.net

si tienes firefox ve a verla y si me puedes ayudar hazlo por fa

aqui pongo el codigo

codigo html

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

<html>
<head>
<LINK REL="SHORTCUT ICON" HREF="objetos/mundo.ico">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<title>Lo que quieras, la unica web que te entretiene y con 0% de grasas trans</title>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logo">
<p><a href="index.html"><img alt="pulsa en caso de que te hayas pardido y quieras volver a la pagina principal" src="objetos/logo.jpg" height="87px" width="328px" /></a></p>
</div>
<div id="publicidad">


<script language="javascript" src="http://www.hispavisitas.com/basic/hit.php?id=65c58b9432fc2c0c7bb3c8…"></script><br><font size=1><a href="http://www.hispavisitas.com" target="_blank">Auditado por Hispavisitas.com</a></font>

</div>
</div>
<div id="navegacion"</div>
<a href="imagenes/imagenes.html">imagenes</a>
</div>
<div id="contenido">
<h1>Hola</h1>
<p>Y bienvenido a lo que tu quieras.com* el sitio donde tu eliges</p>
<h2>Bueno pero que es lo que elijo?</h2>
<p>Casi todo solo debes mandarme un email a <a href="mailto:[correo eliminado]">[correo eliminado]</a> para decirme que es lo que quieres ver aqui quieres ver imagenes graciosas? mandame un email y las subo, quieres un gif animado de un platano que baila? mandame un e mail y lo subo recuerda la direccion de correo es <a href="mailto:[correo eliminado]">[correo eliminado]</a></p>
<h2>Buenas noticias</h2>
<p>Asi es pues me di cuenta de que no me enviaron ningun mensaje debido a enlaces que no funcionaban pero ahora todo deberia estar bien<p>
<p>y bueno como nadie me envio nada supongo que lo primero lo subire yo mismo si tienes buen ojo te habras dado cuenta de la nueva seccion <a href="imagenes/imagenes.html">imagenes</a> visitala ya</p>
<p class="sin-importancia">*Bueno en realidad es eman.vtrbandaancha.net pero si yo lo eligiera seria lo que quieras.com</p>
</div>
<div id="pie"></div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

codigo css

* {margin: 0px ;
padding:0px ;
border: 0px ;
text-align: center}

body {background-color: black}

h1 {text-decoration: underline}

h2 {font-size: 1.2em ;
text-decoration: none}

a {color: silver ;
text-decoration: none}

a:link {}
a:visited {}
a:hover {color: red ;
text-decoration: underline ;
background-color: silver}
a:active {}

p {color: white ;
text-align: justify}

#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 {border-left: white 1px solid ;
border-right:white 1px solid ;
height: 90px}

#logo {float: left ;
width: 330px}

#publicidad {float: right ;
width: 468px ;
margin-top: 30px ;}

#publicidad p {text-align: center}

#navegacion {background-color: grey ;
border: white 1px solid ;
height: 20px}

#contenido {background-color: purple ;
width: 800px ;
border-left: white 1px solid ;
border-bottom: white 1px solid ;
border-right: white 1px solid ;
float: center}

#contenido p {padding: 5px 10px 5px 10px ;
text-indent: 15px}

.sin-importancia {font-size: 10px}

#pie {background-color: black ;
border-left: white 1px solid ;
border-right: white 1px solid}

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

ayudenme por favor:oops:

Yaneth · 25 Feb 2011, 17:30 · Solicitar retirada

yo no tengo firefox, tengo opera y la veo bien
toma una captura de como la vez con firefox y como la vez bien con otros navegadores
para poder ayudarte

saludos

lantiga · 25 Feb 2011, 18:23 · Solicitar retirada

Bueno tres cosas:

1.En el explorer se ve bien. (el fondo un poco negro en exceso pero se ve).
2.En el google chome no se ve.(nada de nada, marca error).
3En el Mozilla Firefox el cuerpo se ve torcido.( el fondo como ya te he dicho excesivamente negro, me han dado ganas de ponerme de luto con tanto negro, es broma no te lo tomes a mal,ok?).

lantiga · 25 Feb 2011, 18:33 · Solicitar retirada

Te dejo los archivos para que veas a lo que refiero.

Yaneth · 25 Feb 2011, 18:57 · Solicitar retirada

esta linea del css

#global {width: 800px ;
margin: 4px auto}

debe estar arriba después de body

saludos

ok12 · 25 Feb 2011, 19:12 · Solicitar retirada

vaya gracias por la ayuda ya intente lo que dijo yaneth y se ve igual Q_Q aun asi gracias por la ayuda la otra cosa es que donde dice imagenes sale fuera de la capa gris

Yaneth · 25 Feb 2011, 19:20 · Solicitar retirada

es que... hay que depurar los errores mas visibles ahora me pongo a verlo con lupa jeje
en un momento te digo mas

Yaneth · 25 Feb 2011, 19:24 · Solicitar retirada

aqui
<div id="navegacion"</div>
<a href="imagenes/imagenes.html">imagenes</a>
debe estar asi
<div id="navegacion"><a href="imagenes/imagenes.html">imagenes</a></div>

te sobra un cierre de div, y te falta >

saludos

ok12 · 25 Feb 2011, 19:26 · Solicitar retirada

vaya a veces me emociono y escribo demasiado rapido XD gracias problema solucionado :D soy tan feliz

Yaneth · 25 Feb 2011, 19:30 · Solicitar retirada

un placer y hasta la proxima!!!!