firefox asesina mi web xD

Buenas! pues eso, en internet explorer me esta kedando to bonito y en firefox lo destroza de mala manera T_T, os dejo unas screens de como se ve en cada sitio y los codigos. Por cierto no penseis de mi q soy un depravado por hacer esta web, lo hago por dinero, espero q me de un wen dinerito :p

EDITO: He arreglado un par de cositas pero hay otras que se quedan sin solucionar, os dejo las nuevas imagenes y codigos.


INTERNET EXPLORER Si no veis las imagenes ---> http://img199.imageshack.us/img199/3884/14499663.png

[contenido no disponible]

FIREFOX Si no veis las imagenes ---> http://img265.imageshack.us/img265/452/firefoxf.png

[contenido no disponible]


HTML

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

<html>
<head>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>Portada</title>
</head>
<body>
<div id="global">
		 <div id="cabeceraesp"></div>
		 <div id="fondo">
		 			<div id="navegador"><div id="banderas">[url="#"][img]objetos/banderapeq-eng.gif[/img][/url]</div>	
		 		<ul id="botones"><li id="pulsado">[url="#"]Portada[/url]
				<li id="no-pulsado">[url="#"]Galería[/url]
				<li id="no-pulsado">[url="#"]Videos[/url]
				<li id="no-pulsado">[url="#"]Consejos[/url]
				<li id="no-pulsado">[url="#"]Hentai[/url]
				<li id="no-pulsado">[url="#"]G**[/url][/list]
					</div>
					<div id="cuerpo">
							 
<div	id="menu"><ul><li id="click">[url="#"]Am*****[/url]<li id="no-click">[url="#"]Po******[/url]<li id="no-click">[url="#"]Ha******[/url]<li id="no-click">[url="#"]An**[/url]<li id="no-click">[url="#"]Ma*****[/url]<li id="no-click">[url="#"]Co******[/url][/list]</div>
							 
					</div>																						 
		 <div id="fondoinf"></div>		 
		 </div>

</div>


</body>
</html>

* {font-family:helvetica; text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
textarea {padding: 5px 10px 5px 15px ; text-align:justify ; background-color:#fc999c}
body        {text-align:center;background-color:#fabdbf }
li {list-style:none}
#global     {width: 800px; margin: 4px 0px 0px 0px}
#cabeceraesp {background-image:url(objetos/cabecera0.png); height:140px ; width: 800px}
#fondo {background-image:url(objetos/fondoint.png);background-repeat:repeat-y;;width:800px;height:2000px}
#navegador {background-image:url(objetos/fondosup.png);height:40px;width:800px;background-repeat:no-repeat}
#fondoinf {background-image:url(objetos/fondoinf.png);height:8px;width:800px;background-repeat:no-repeat;position:relative;top:1800px}
#banderas {float:left;width:60px;height:41px;position:relative;top: 8px;left:70px;border: black 2px solid}
#botones {margin:0px 0px 0px 180px}
#no-pulsado {background-image:url(objetos/boton-navegador-sup.png);background-repeat:no-repeat;z-index:1
						;padding:13px 0px 8px 0px;float:left;width:100px;font-weight: bold;font-size:105%;margin:15px 0px 0px 0px}
#pulsado {background-image:url(objetos/boton-navegador-pulsado.png);background-repeat:no-repeat;z-index:3;
				 padding:13px 0px 9px 0px;float:left;width:100px;position:relative;top:1px;
				 font-weight: bold;font-size:105%;margin:15px 0px 0px 0px}
#cuerpo {background-color: #f63838;width:760px;height:1980px;border:black 1px solid;z-index:2;float:left;margin:-1px 0px 0px 20px}
#menu {float:left;margin:20px 10px 10px 20px; border: black 2px solid}
#click  {text-align:center;background-color:#f63838;padding:6px 0px 6px 0px;font-weight: bold;font-size:105%;width:130px; border:black 1px solid}
#no-click  {text-align:center;background-color:#f46666;padding:6px 0px 6px 0px;font-weight: bold;font-size:105%;width:130px; border:black 1px solid}
a         {color: black; text-decoration:none;display:block}
a:link    {}
a:visited {}
a:hover   {color:white}
a:active  {}


A ver si podeis echarme un cable q no consigo centrar las cosas en firefox T_T
jop a mi si k se me ven las imagenes, pondre los enlaces a donde estan subidas a ver si asi podeis verlas.

Aun es k no la tengo subida por eso no os puse el enlace.
capo, tendrías que tapar con algo las fotos, recoda que hay muchos menores, y por mas que pongas no aptos para menores, un niño es un niño, y no se da cuenta de estas cosas...

podrías sacar esas imágenes, y poner otras, o dejar ese div solo con colores provisoriamente.

también cambia el contenido de los menú, podes poner cualquier cosa, ese lenguaje es muy vulgar, es solo provisorio, espero entiendas :wink:
si es cierto pensaba hacerlo antes pero tenia q irme a clase y no me dio tiempo, voy a cambiarlo.

EDITO: Arreglado, ya es apto para todos los publicos :P
hola

tienes un problema de altura

mira.. tienes un div llamado

#navegador {background-image:url(objetos/fondosup.png);height:40px;width:800px;background-repeat:no-repeat}

dentro tienes una imagen que mide 41 como verás no cabe

<div id="navegador"><div id="banderas">[contenido no disponible]</div>
<ul id="botones"><li id="pulsado">Portada
<li id="no-pulsado">Galería
<li id="no-pulsado">Videos
<li id="no-pulsado">Consejos
<li id="no-pulsado">Hentai
<li id="no-pulsado">G**
</div>

tienes muchos mas errores, pero veo que estás usando posiciones absolutas en algunos casos position:relative;top:1800px}
muchas gracias! intentare solucionarlo! y si imagino q habra muchos errores y muchas cosas inutiles por ahi puestas, es mi primera web :P pero weno mas o menos se ve como yo kiero :D

Y el problema de k no me sale centrado en firefox? no lo entiendo en el ejemplo del curso con poner en el body {text-align : center} ya salia centrada la web, aqui no se porque no me sale.
bueno , cuando tu pagina es " destrozada por otro navegador " solo puede estar pasando una cosa = hay valores predeterminados que no se ahn configurado...
Me explico, ejemplo, firefox maneja un tipo de tablas predeterminadas diferentes las de internet explorer. Por lo que tu pagina web no puede dejar estos parametros de tablas predeterminados, en caso que uses tablas vez.. ?


Consejo,
1) usa dreamweaver, ese html kit es muy friki y te complikas mucho
2) trabaja con css y a ese css define los parametros predeterminados como vos queras, asi , todos los navegadores los van a leer igual

> para el problema de centrar la web simplemente, haz una prueba coge un div y en el css dale [ Cuadro > marge > derecha e izquierda = auto ]

eso significa q le daras margen derecha e izquierda automatica, si haces eso tu web estara siempre centrada. chau