Hola amigos tengo un problema esque en mi pagina que por cierto aun me falta mucho contenido , esta bien en el ie pero cuando le abro en firefox se me desordena y tambien se me montan los parrafos en las imagenes tambien la base es decir lo global de la pag no sigue en crecimiento no le encuentro el problema si me pudieran ayudar le agradeceria.....esta es la pagina "mamisho.onlinewebshoop.net" entren en la parte de juegos y veran que con el firefox hay problemas y mientras que en el ie va mas oma aqui les dejo el codigo
este es el html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>juegos</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
</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 id="inicio">[contenido no disponible]</div> <div id="juegos">[contenido no disponible]</div> <div id="musica">[contenido no disponible]</div> <div id="peliculas">[contenido no disponible]</div> <div id="programas">[contenido no disponible]</div> <div id="foro">[contenido no disponible]</div>
</div>
<div id="contenido">
<div id="menu">
<h1>OPCIONES</h1>
<ul> Juegos online descarga juegos pc
gana dinero jugandojuegos psp
</div>
<h1>JUEGOS PARA ESTE 2009</h1>
<h3>GOD OF WAR 3</h3>
<div id="godofwar3">[contenido no disponible]</a></div>
Este juego es uno mas de los esperados para el 2009 esta con retrazos pero se dara este año.</p>
Por otra parte En la última actualización del blog sobre God of War III el que fuera director de la segunda entrega, Cory Barlog, ha asegurado que está siguiendo de cerca el trabajo realizado por los estudios de Sony en Santa Mónica a pesar de su ausencia en el proyecto y que el trabajo está siendo "tan o más excelente que el de las anteriores entregas".
Barlog ha hablado también de un final para el juego desmesuradamente explosivo, épico e impactante. "Creo que todo el mundo quedará muy satisfecho, sobre todo los seguidores de la saga." Barlog reiteró que en GoW III se mostrará el final de la historia comenzada por Kratos en la primera entrega, estando a la altura que el ya mítico personaje se merece.
"Sé que para los más seguidores de la saga God of War puede ser un fastidio, o una alegría, que yo no siga en el proyecto. Pero de lo que estoy seguro y puedo prometer es que el juego no defraudará a nadie, sigue con la misma esencia que tan grande ha hecho a la serie. El equipo de Sony en Santa Mónica es uno de los mejores equipos con los que yo nunca he trabajado
</p>
<h3>Nuevo torneo especial en World of Warcraft.</h3>
<div id="WorldofWarcraft">[contenido no disponible]</a></div>
El torneo se desarrollará con el sistema de 3 contra 3 y se crearán unos reinos especiales para el mismo. Los jugadores tendrán a su disposición tres espacios para crear personajes que serán nivel 80 automáticamente, y podrán elegir entre todas las armas y armaduras que se consiguen por medio de la Arena, los objetos que se obtienen con puntos de honor, y una selección de los épicos de raid.</p>
<div id="aqui">para mas informacion aqui</div>
.</p>
<h3>Killzone 2</h3>
<div id="killzone2">[contenido no disponible]</a></div>
<h2>KILLZONE 2</h2>
<h2>GENERO:Gerras-Acion</h2>
<h2>FECHA DE LANZAMIENTO:26/02/2009</h2>
hola amigos les cuento que la compania de videojuegos y otras cosas mas "Sony Computer Entertainment" se está gastando todo un dineral para hacer que la campaña de Killzone 2 resulte todo un gran éxito
cara el público, y es que con casi dos millones de yenes invertidos se espera que la nueva entrega de Guerrilla Games logre superar
los resultados obtenidos por Metal Gear 4: Guns of The Patriots. El caso es que hoy ha sido presentada la página oficial del esperado juego,
que mediante una breve introducción por parte de Phil Lynch, Jefe de producto de la división británica de SCE, este nos ha explicado el
funcionamiento del portal. en la parte de abajo tienes un enlace a la pagina pricipal de este juego que promete ser ono de los mejores de este año 2009 asi que no te lo pierdas.</p>
<object width="445" height="364"><param name="movie" value="http://www.youtube.com/v/CRp9cWLtDzI&hl=es&fs=1&color1=0x006699&col…"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/CRp9cWLtDzI&hl=es&fs=1&color1=0x006699&col…" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364"></embed></object>
.</p>
.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Foro Ejemplo Contactos Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>
Directorio TopSite Mapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
este es el css
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 2.7em; color:#EEC900 ; 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}
h3 {font.size: 2.1em; color:red ; font-weight: bold ; text-decoration: none ;
text-align: left}
body {text-align: center }
body {background-color: #63B8FF;
background-image: url(objetos/fondo2.jpg);
background-repeat: repeat ;
background-position:center left ;
height:100%;}
#global {width:1163px ; margin:4px auto}
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 1163px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;border-right: black 1px solid ; height:85px}
#logotipo {width:10px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: #778899 ; border: black 1px solid ; height:35px;font-weight:bold;font-size:15px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 20px }
#contenido {background-color: #AEEEEE ; border-left: black 1px solid ;
background-image: url(objetos/fondo5.jpg);
background-repeat: repeat ;
background-position:center left ;
height:100%;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:8px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top: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 ;height:65px}
#pie li {list-style: none ; font-size: 11px }
#pieuno {float:left;width:150px;
border-right: black 1px solid }
#piedos {float:left;width:498px}
#pietres {float:left;width:150px;
border-left: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 1163px ;
height:12px ;
overflow: hidden }
a {color: #006400 ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:#66CD00 ; text-decoration:underline ; background-color: #1E90FF}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#godofwar3 {width: 1px ; float:left }
#worlofwarkraf{width:1px;float:letf;margin:10px 10px 10px 10px}
#killzone2 {width: 1px ; float:left ;margin: 10px}
#aqui {text-align:justify; list-style:none ; margin: 0px 20px 0px 20px;float:left}
#goear{float:left}
si me podrian decir en que fallo porfa y de paso que tal esta quedando mi pagina......heeeeeee
este es el html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>juegos</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
</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>OPCIONES</h1>
<ul>
gana dinero jugando
</div>
<h1>JUEGOS PARA ESTE 2009</h1>
<h3>GOD OF WAR 3</h3>
<div id="godofwar3">[contenido no disponible]</a></div>
Este juego es uno mas de los esperados para el 2009 esta con retrazos pero se dara este año.</p>
Por otra parte En la última actualización del blog sobre God of War III el que fuera director de la segunda entrega, Cory Barlog, ha asegurado que está siguiendo de cerca el trabajo realizado por los estudios de Sony en Santa Mónica a pesar de su ausencia en el proyecto y que el trabajo está siendo "tan o más excelente que el de las anteriores entregas".
Barlog ha hablado también de un final para el juego desmesuradamente explosivo, épico e impactante. "Creo que todo el mundo quedará muy satisfecho, sobre todo los seguidores de la saga." Barlog reiteró que en GoW III se mostrará el final de la historia comenzada por Kratos en la primera entrega, estando a la altura que el ya mítico personaje se merece.
"Sé que para los más seguidores de la saga God of War puede ser un fastidio, o una alegría, que yo no siga en el proyecto. Pero de lo que estoy seguro y puedo prometer es que el juego no defraudará a nadie, sigue con la misma esencia que tan grande ha hecho a la serie. El equipo de Sony en Santa Mónica es uno de los mejores equipos con los que yo nunca he trabajado
</p>
<h3>Nuevo torneo especial en World of Warcraft.</h3>
<div id="WorldofWarcraft">[contenido no disponible]</a></div>
El torneo se desarrollará con el sistema de 3 contra 3 y se crearán unos reinos especiales para el mismo. Los jugadores tendrán a su disposición tres espacios para crear personajes que serán nivel 80 automáticamente, y podrán elegir entre todas las armas y armaduras que se consiguen por medio de la Arena, los objetos que se obtienen con puntos de honor, y una selección de los épicos de raid.</p>
<div id="aqui">para mas informacion aqui</div>
.</p>
<h3>Killzone 2</h3>
<div id="killzone2">[contenido no disponible]</a></div>
<h2>KILLZONE 2</h2>
<h2>GENERO:Gerras-Acion</h2>
<h2>FECHA DE LANZAMIENTO:26/02/2009</h2>
hola amigos les cuento que la compania de videojuegos y otras cosas mas "Sony Computer Entertainment" se está gastando todo un dineral para hacer que la campaña de Killzone 2 resulte todo un gran éxito
cara el público, y es que con casi dos millones de yenes invertidos se espera que la nueva entrega de Guerrilla Games logre superar
los resultados obtenidos por Metal Gear 4: Guns of The Patriots. El caso es que hoy ha sido presentada la página oficial del esperado juego,
que mediante una breve introducción por parte de Phil Lynch, Jefe de producto de la división británica de SCE, este nos ha explicado el
funcionamiento del portal. en la parte de abajo tienes un enlace a la pagina pricipal de este juego que promete ser ono de los mejores de este año 2009 asi que no te lo pierdas.</p>
<object width="445" height="364"><param name="movie" value="http://www.youtube.com/v/CRp9cWLtDzI&hl=es&fs=1&color1=0x006699&col…"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/CRp9cWLtDzI&hl=es&fs=1&color1=0x006699&col…" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364"></embed></object>
.</p>
.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
este es el css
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 2.7em; color:#EEC900 ; 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}
h3 {font.size: 2.1em; color:red ; font-weight: bold ; text-decoration: none ;
text-align: left}
body {text-align: center }
body {background-color: #63B8FF;
background-image: url(objetos/fondo2.jpg);
background-repeat: repeat ;
background-position:center left ;
height:100%;}
#global {width:1163px ; margin:4px auto}
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 1163px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;border-right: black 1px solid ; height:85px}
#logotipo {width:10px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: #778899 ; border: black 1px solid ; height:35px;font-weight:bold;font-size:15px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 20px }
#contenido {background-color: #AEEEEE ; border-left: black 1px solid ;
background-image: url(objetos/fondo5.jpg);
background-repeat: repeat ;
background-position:center left ;
height:100%;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:8px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top: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 ;height:65px}
#pie li {list-style: none ; font-size: 11px }
#pieuno {float:left;width:150px;
border-right: black 1px solid }
#piedos {float:left;width:498px}
#pietres {float:left;width:150px;
border-left: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 1163px ;
height:12px ;
overflow: hidden }
a {color: #006400 ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:#66CD00 ; text-decoration:underline ; background-color: #1E90FF}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#godofwar3 {width: 1px ; float:left }
#worlofwarkraf{width:1px;float:letf;margin:10px 10px 10px 10px}
#killzone2 {width: 1px ; float:left ;margin: 10px}
#aqui {text-align:justify; list-style:none ; margin: 0px 20px 0px 20px;float:left}
#goear{float:left}
si me podrian decir en que fallo porfa y de paso que tal esta quedando mi pagina......heeeeeee