Otra vez con Firefox!!!!!

Me rindo....firefox da muchos problemas!!!!!

acabo de hacer una parte de una web en proceso de creacion y se ve bien el el explorer....pero en firefox no!!!!!!!!!!!

ya es la segunda vez que ma pasa!!!!

porfavor me podeis ayudar!!!!!

aqui mis css
---------------------------
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify }
h1 {font-size: 1.0em; 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: center}
h3 {font.size: 1.0em; color:#386898 ; font-weight: bold ; text-decoration: none }
h4 {font.size: 1.1em; color:green ; font-weight: bold ; text-decoration: underline }
h5 {font.size: 0.9em; color:#386898 ; font-weight: bolder ; text-decoration: underline }
h6 {font.size: 0.9em; color:#386898 ; font-weight: none ; text-decoration: none }
body {text-align: center ; margin:3px 10px 3px 3px ;background-image: url(objetos/prueba.png" width="200" height="500"); background-color: #3D3B3B ; cursor: "" ; }
#menuizq {background-color: #AFAFAF ; float:left ; width:210px ; border-right: black 1px solid ; border: black 1px solid}
#menuizq li {list-style:none ; margin: 0px 1px 0px 1px}
#menucen {background-color: #AFAFAF ; width:350px ; border-right: black 1px solid ; border: black 1px solid}
#menuder {background-color: #AFAFAF ; float:right ; width:210px ; border-right: black 1px solid ; border: black 1px solid}
#adictgames {background-image: url(objetos/prueba.png); background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: #323232 ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ;height:85px }
#logotipo {background-color: #323232 ; width:280px ; float:left ; margin:8px 0px 8px 3px}
#publicidad {background-color: #323232 ; ; float:right ; margin-top:25px }
#navegacion {background-color: #323232 ; border-left: black 1px solid;border-right: black 1px solid ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 0px }
#aparte { float:left ; text-align:left ; margin:3px 10px 3px 3px }
#aparte2 { float:right ; text-align:right ; margin:3px 10px 3px 3px ; border: black 1px solid }
#chat { margin:3px 5px 5px 0px }
#contenido {background-color: orange ;background-image: url(objetos/fondo.png); background-position: center center ; background-repeat: no-repeat ; border-left: black 1px solid ; border-right: black 1px solid }
#menu { width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px ; background-image: url(objetos/parte-inferior.gif) ; background-position: bottom ; padding-bottom:5px }
#menu2 { width: 200px ; float:right ; text-align:left ; margin:3px 1px 3px 3px ; background-image: url(objetos/menu-inferior3.jpg) ; background-position: bottom ; padding-bottom:25px ; border-bottom: 5px}
#pie { background-color: orange ; border-left: black 1px solid ; border-down: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 40px }
#pie li {list-style: none ; font-size: 12px ; color:white ; }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#menu2 li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-superior.jpg) ; padding-top:12px }
a {font.size: 0.9em ;color: #386898 ; text-decoration:none ; ; font-weight: bolder}
a:link {}
a:visited {}
a:hover {font.size: 1.1em; color:#386898 ; text-decoration:none ; background-color: none ; }
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 ; }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}



------------------------------------
aqui mi codigo HTML
------------------------------------



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

<html>
<head>
<LINK REL="SHORTCUT ICON" HREF="http://objetos/new.ico">
<title>gonzalo</title>
<link rel="stylesheet" href="estilos-subportada.css" type="text/css" media="all">
<LINK REL="SHORTCUT ICON" HREF="http://../objetos/new.ico">
</head>
<body>
<div id="global">

<div id="cabecera">
<div id="logotipo"><a href="../index.html"><a href="http://es.tinypic.com" target="_blank">[contenido no disponible]
</a></div>
<div id="publicidad"></div>
</div>
<div id="navegacion">
<ul>

PORTADA
[contenido no disponible]

JUEGOS
[contenido no disponible]

CONSOLAS
[contenido no disponible]

GUIAS O TRUCOS
[contenido no disponible]

FORO

</div>


<div id="contenido">
<div id="aparte2">
<script language="JavaScript1.2">
var largura=150
var altura=40
var bgcolor='#AFAFAF'
var fundo=''

var mensagens=new Array()
mensagens[0]="<center><font face='Arial' size=2>¡Disfruta juegos como la saga de god of war!</font></center>"
mensagens[1]="<center><font face='Arial' size=2>¡Assassin creed 1, 2 e incluso 3!</font></center>"
mensagens[2]="<center><font face='Arial' size=2>¡Guias para los mejores juegos!</font></center>"
mensagens[3]="<center><font face='Arial' size=2>¡Registrate en nuestro foro!</font></center>"
mensagens[4]="<center><font face='Arial' size=2>¡Trucos e informacion del Gran turismo 5!</font></center>"

if (mensagens.length>1)
i=2
else
i=0

function mover1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("mover1(tlayer)",3000)
setTimeout("mover2(document.principal.document.segundo)",3000)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("mover1(tlayer)",100)
}
else{
tlayer.top=altura
tlayer.document.write(mensagens)
tlayer.document.close()
if (i==mensagens.length-1)
i=0
else
i++
}
}

function mover2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("mover2(tlayer2)",3000)
setTimeout("mover1(document.principal.document.primeiro)",3000)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("mover2(tlayer2)",100)
}
else{
tlayer2.top=altura
tlayer2.document.write(mensagens)
tlayer2.document.close()
if (i==mensagens.length-1)
i=0
else
i++
}
}

function mover3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("mover3(tdiv)",3000)
setTimeout("mover4(segundo2)",3000)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("mover3(tdiv)",100)
}
else{
tdiv.style.pixelTop=altura
tdiv.innerHTML=mensagens
if (i==mensagens.length-1)
i=0
else
i++
}
}

function mover4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("mover4(tdiv2)",3000)
setTimeout("mover3(primeiro2)",3000)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("mover4(segundo2)",100)
}
else{
tdiv2.style.pixelTop=altura
tdiv2.innerHTML=mensagens
if (i==mensagens.length-1)
i=0
else
i++
}
}

function iniciar(){
if (document.all){
mover3(primeiro2)
segundo2.style.top=altura
segundo2.style.visibility='visible'
}
else if (document.layers){
document.principal.visibility='show'
mover1(document.principal.document.primeiro)
document.principal.document.segundo.top=altura+5
document.principal.document.segundo.visibility='show'
}
}
</script>

<table width="150" border="1" cellspacing="1" cellpadding="0">
<tr>
<td>
<ilayer id="principal" width=&{largura}; height=&{altura}; bgColor=&{bgcolor}; background=&{fundo}; visibility=hide>
<layer id="primeiro" left=0 top=1 width=&{largura};>
<script language="JavaScript1.2">
if (document.layers)
document.write(mensagens[0])
</script>
</layer>
<layer id="segundo" left=0 top=0 width=&{largura}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(mensagens[1])
</script>
</layer>
</ilayer>

<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="principal2" style="position:relative;width:'+largura+';height:'+altura+';overflow:hiden;background-color:'+bgcolor+' ;background-image:url('+fundo+')">')
document.writeln('<div style="position:absolute;width:'+largura+';height:'+altura+';clip:rect(0 '+largura+' '+altura+' 0);left:0;top:0">')
document.writeln('<div id="primeiro2" style="position:absolute;width:'+largura+';left:0;top:1;">')
document.write(mensagens[0])
document.writeln('</div>')
document.writeln('<div id="segundo2" style="position:absolute;width:'+largura+';left:0;top:0;visibility:hidden">')
document.write(mensagens[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
iniciar()
</script>
</td>
</tr>
</table>
</div>





<center><h5>¡BIENVENIDO A ADICTGAMES!</h5></center>


<h6>En esta pagina podras encontrar informacion de vidiojuegos desde su jugabilidad hasta trucos de ese juego</h6>
<h6>Tambien puedes visitar nuestro foro y comentar tus dudas</h6>
<div id="menuizq">
<center><h1>ENTRA EN UNO DE NUESTOS ARTICULOS</h1></center>

<h3>Assassin creed 1</h3>

<h3>Assassin creed 2</h3>

<h3>god of war 1</h3>

<h3>god of war 2</h3>

<h3>god of war 3</h3>

<h3>god of war: Chains of Olimpus</h3>

<h3>god of war: Betrayal</h3>

<h3>Burnout</h3>

<h3>Need for speed: Shift</h3>

<h3>GTA4</h3>

<h3>Prototype</h3>

</div>
<div id="menuder">Visita nuestro FORO!
<center>Registrate</center>
En el podras exponer tus dudas sobre cualquier videojuego, o tambien podras dar a conocer informacion que no este anunciada!
</div>
<div id="menucen">


Consula Trucos o guias de videojuegos!


Descarga las Guias


Guias por videos!


Necesitas trucos para algu videojuego..


Quieres pasarte un videojuego al 100% y quieres la guia oficial..


Estas abburrido de las guias escritas, que no te resuelven las dudas..


Guias y Trucos en Adictgames
</div>


¡Si necesitas ayuda con mas presicion que no puedes encontrar en nuestra pagina registrate en
nuestro foro para poder resolverlas adecuadamente!


¡Si crees que esta web necesita ser mejorada o tienes alguna sugerencia para mejorarla dejanos tus
comentarios en nuestro foro!


.


.
<h5>Adictgames</h5>..todos los derechos reservados
</div>


<div id="pie">

<div id="pieuno">
<ul>

<h4>Portada</h4>

<h4>Videojuegos</h4>

<h4>Ultimas novedades</h4>

</div>
<div id="piedos">

[contenido no disponible]

</div>
<div id="pietres">
<ul>

<h4>Consolas</h4>

<h4>Foro</h4>

<h4>Games</h4>

</div>
</div>
<div id="curva-inferior"></div>
<a href="http://es.tinypic.com" target="_blank">[contenido no disponible]
</div>
</div>

</div>
</body>
</html>



------------------------------

gracias adelantadas

paridiplex escribió:Me rindo....firefox da muchos problemas!!!!!

acabo de hacer una parte de una web en proceso de creacion y se ve bien el el explorer....pero en firefox no!!!!!!!!!!!

Te equivocas y muchisimo, firefox no da ningun problema, porque firefox es uno de los mejores navegadores en cuanto a respetar estandares se refiere, asique si en firefox no se te ve bien es muy simple, eres tu el que tiene algo mal en tus codigos.

Diseña para Firefox y "arregla" para explorer, esto es lo primero que tiene que saber cualquier webmaster.

Y muy bonito, pones tus codigos y que los demas se busquen la vida para ADIVINAR cual es el fallo no? Porque es que ni siquiera nos cuentas que fallo tienes.

lo siento por no responder antes...no pude!!!

Pero eso de que muy bonito....que los demas se arreglen la vida....bueno no se que decir..porque ya puse lo que me pasaba....todo...absolutamente todo se me va del sitio
y evidentemente..como voy a aprender si no me enseñan...porque en internet no aparecen las soluciones a estos problemas..ya que son problemas particulares, y creeme ya busque!!!

pero es igual no hace falta que me ayudes

..te doy un consejo y espero que no te lo tomes a mal..en los mensajes no seas tan hostil, porque es my desagradable

de todos modos gracias

Wolfmoon tiene razon, diseña con el firefox y luegos los posibles fallos que veas en IE intenta arreglarlos.

Ya..no digo que no..pero como diseño para firefox??
yo aun soy un novato

Instalate el firefox en tu pc y lo pones como navegador principal.
Y a partir de hay ya vas diseñando tu página.

Yo creo que tu problema puede estar en la hoja de estilos
Tienes esto:

#menuder {background-color: #AFAFAF ; float:right ; width:210px ; border-right: black 1px solid ; border: black 1px solid}

Yo cambie por esto y cambio un poco

#menuder {background-color: #AFAFAF ; float:right ; width:210px ;; left: 558px ;top :196px; border-right: black 1px solid ; border: black 1px solid}

Creo que no defines cuantos pixeles estan las capas del borde la capa que esta junto a esta la del medio también tiene el mismo problema .por eso se te juntan todas.

..mmm..Ya lo cambié pero no noté ninguna diferencia!!!!....de todos modos!!!
muchisims gracias por ayudarme

De todos modos miraré lo de los pixeles e iré probando

Muchisimas gracias de nuevo y si encuentro la solución diré por que es!!