Buenas, en realidad no creo que sea problema d firefox ya que el "top, left, right y bottom" que le di a cada div de la pagina es ridículo, por ej tengo el titulo con top 200px y si le pongo algo abajo que con 250px ya estaría bien le tengo que poner 700px, por dar un ejemplo.
El tema es que en dreamwever acomodo todos los divs y se ven bien, lo visualizo en IE y se ve bien, pero cuando lo visualizo en FF se va cada uno a donde quiere y algunos ni aparecen.
La css esta media larga pero no se que sacarle y que no, ya puse mas cosas en el body como por ej la font family y el color d la letra para no repetirlos en todos lados.
El problema me pasa por la posición relativa, con todos los divs en absoluta no me pasa, pero me dijeron que no lo haga con pos absoluta, la pagina esta centrada para que no se corra con diferentes resoluciones.
Otro problema es que algunos divs cuando cambio la resolución se quedan en la posición que deben quedarse y otros se mueven y quedan afuera del div contenedor.
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Keywords" content="delivery, 2, segundos, comidas para llevar, lomos, pizza, empanadas, pollos, tacos" />
<meta name="Description" content="guia de deliveries" />
<meta name="Author" content="fernando lo bello" />
<meta name="Subject" content="2 segundos delivery" />
<meta name="Language" content="es" />
<meta name="Robots" content="index, follow" />
<link rel="stylesheet" type="text/css" href="estilos.css" />
<link rel="shortcut icon" href="imagenes/logochikito.JPG" type="image/ico" media="screen"/>
<title>2 Segundos Delivery</title>
</head>
<body>
<div id="contenedor">
<div id="cabecera">
<p><img src="imagenes/letra-b-cristal.gif" alt="letra b" width="44" height="44" />
<img src="imagenes/letra-i-cristal.gif" alt="letra i" width="44" height="44" />
<img src="imagenes/letra-e-cristal.gif" alt="letra e" width="44" height="44" />
<img src="imagenes/letra-n-cristal.gif" alt="letra n" width="44" height="44" />
<img src="imagenes/letra-v-cristal.gif" alt="letra v" width="44" height="44" />
<img src="imagenes/letra-e-cristal.gif" alt="letra e" width="44" height="44" />
<img src="imagenes/letra-n-cristal.gif" alt="letra n" width="44" height="44" />
<img src="imagenes/letra-i-cristal.gif" alt="letra i" width="44" height="44" />
<img src="imagenes/letra-d-cristal.gif" alt="letra d" width="44" height="44" />
<img src="imagenes/letra-o-cristal.gif" alt="letra o" width="44" height="44" />
<img src="imagenes/letra-s-cristal.gif" alt="letra s" width="44" height="44" /></p>
</div>
<div id="contenido">
a www.2segundosdelivery.com.ar en este sitio podrán encontrar los mejores deliveries de la zona centro y consultar los menúes que incluyen las variedades de comidas y sus respectivos precios actuales!</div>
<div id="menu">
<p>Ciudad<br />Godoy Cruz<br />Guaymallen<br />Las Heras<br />Lujan<br />Maipu</p>
</div>
<div id="buscador">
<form action="http://search.freefind.com/find.html" method="get">
<p>
<input type="hidden" name="si" value="48454822" />
<input type="hidden" name="pid" value="r" />
<input type="hidden" name="n" value="0" />
<input type="hidden" name="_charset_" value="" />
<input type="hidden" name="bcd" value="÷" />
<input type="text" name="query" size="40" />
<input name="submit" type="submit" value="Buscar" /></p>
</form>
<a href="http://www.freefind.com">Site search by freefind</a></div>
<div id="pie">
<ul>
<li class="piepag"><a href="">Quienes Somos?</a></li>
<li class="piepag"><a href="">Publicar en el sitio</a></li>
<li class="piepag"><a href="">Aviso Legal</a></li>
<li class="piepag"><a href="">Ayuda</a></li>
</ul>
</div>
</div>
<div id="diseño">
<p>© 2010 Designed by - 2 Segundos Delivery</p></div>
</body>
</html> Código HTML:
body {height: 100%;
width: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#d3511f;
color:#FFFFFF;
text-align:center;
min-width:975px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px
}
#contenedor {
background-image:url(imagenes/fondogrande.JPG);
height:920px;
width:975px ;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
text-align:center;
}
#cabecera {
width: 548px;
height: 50px;
position:relative;
left:165px
}
#contenido {
height: 125px;
width: 612px;
position:relative;
left: 165px;
top: 30px;
font-size: 20px;
text-align:justify;
}
#menu {
text-align:justify;
font-size:40px;
width: 261px;
position:relative;
top:270px;
right:340px
}
#pie {
width: 934px;
position:relative;
top:280px
}
.piepag {
list-style:none;
float:left;
margin-left:50px;
margin-right:50px;
font-size: 15px;
}
#diseño {
font-size: 8px;
position:absolute;
left: 415px;
top: 904px;
}
a:link {text-decoration:none;font-weight: normal;color:#FFF}
a:visited {text-decoration:none;font-weight: normail;color:#FFF}
a:hover {text-decoration:underline;font-weight: normal;color:#000;}
#buscador {
height: 53px;
width:200px;
position:relative;
bottom:150px;
right:350px
}
Gracias de antemano.