Hola de nuevo a todos
Despues de un siglo con la web parada porque no era capaz de subirla a un servidor al fin hoy lo consegui y cual fue mi sorpresa al ver que en IE se ve como yo quiero pero en Firefox es un desastre :(
La direccion es esta:
http://websx.webcindario.com/index.html
El primer fallo ya aparece en la pagina de inicio. En firefox no se ve el color verde de fondo ni la imagen blanca de la barra de navegacion horizontal. Los codigos de esa parte son
El otro fallo aparece en paginas como esta:#navegacion {width:1024px ; height:80px ; background-color:9EDD39 ;
background-image: url(imagenes/navegacion.gif) ;
background-repeat: no-repeat ; background-position: center center}
#navegacion ul { margin-left: 140px ; padding-top:20px}
#navegacion li {float:left ; margin: 0px 40px 0px 10px ;
font-size:2em}
http://websx.webcindario.com/sims2/s...nacasual1.html
Aqui no se porque si aparece el color verde pero no la imagen de la barra de navegacion y ademas esos numeros que aparecen a la derecha del menu de navegacion horizontal son la capa pie! que deberia estar abajo del todo a la derecha. Bueno en IE se ve como deberia ser, al menos yo lo veo bien
Bueno el codigo de esa pagina es un poco largo pero os lo pongo completo por si acaso
<body onload="obtenerid('submenu')">
<div id="global">
<div id="cabecera">
<div id="logotipo">
[img]../imagenes/logotipo.png[/img]
</div>
<div id="nav-lateral">
<ul>[*]Afiliados[*]Colaboradores[*]FAQ[*]Contacto[/list] </div>
</div>
<div id="navegacion">
<ul>[*]Inicio[*]Noticias[*]Foro[*]Sims1[*]Sims2[*]Sims3[/list] </div>
<div id="contenido">
<div id="menu">
<h1>Descargas</h1>
<div id="submenu">
<h2>Ropa</h2>
<h3>Femenina</h3>
<div class="principal" onclick="mostrar('uno')">Anciana</div>
<div id="uno" style="display:none;">
[*]*Casual
[*]*Pijama
[*]*Baño
[*]*Deporte
[*]*Exterior
</div>
<div class="principal" onclick="mostrar('dos')">Mujer</div>
<div id="dos" style="display:none;">
[*]*Casual
[*]*Pijama
[*]*Baño
[*]*Deporte
[*]*Exterior
[*]*Formal
</div>
<div class="principal" onclick="mostrar('tres')">Adolescente</div>
<div id="tres" style="display:none;">
[*]*Casual
[*]*Pijama
[*]*Baño
[*]*Deporte
</div>
<div class="principal" onclick="mostrar('cuatro')">Niña</div>
<div id="cuatro" style="display:none;">
[*]*Casual
[*]*Pijama
[*]*Baño
</div>
<div class="principal" onclick="mostrar('cinco')">Infante</div>
<div id="cinco" style="display:none;">
[*]*Casual
[*]*Pijama
[*]*Exterior
</div>
<h3>Masculina</h3>
<div class="principal" onclick="mostrar('seis')">Anciano</div>
<div id="seis" style="display:none;">
[*]*Baño
</div>
<div class="principal" onclick="mostrar('siete')">Hombre</div>
<div id="siete" style="display:none;">
[*]*Casual
[*]*Baño
</div>
<div class="principal" onclick="mostrar('ocho')">Adolescente</div>
<div id="ocho" style="display:none;">
[*]*Casual
</div>
<div class="principal" onclick="mostrar('nueve')">Niño</div>
<div id="nueve" style="display:none;">
[*]*Casual
[*]*Pijama
</div>
<div class="principal" onclick="mostrar('diez')">Infante</div>
<div id="diez" style="display:none;">
[*]*Casual
[*]*Pijama
[*]*Exterior
</div>
<h2>Genética</h2>
<ul>[*]Caras default femeninas
[*]Caras default masculinas
[*]Ojos
[*]Pieles[/list] <h2>Maquillaje</h2>
<ul>[*]Mascara
[/list]
<h2>Accesorios</h2>
<ul>[*]Pendientes
[/list]
<h2>Sims</h2>
<ul>[*]Mujeres
[*]Hombres
[*]Famosos
[*]Criaturas[/list] <h2>Casas</h2>
<ul>[*]Residenciales
[*]Comunitarios
[*]Residencias universitarias
[*]Apartamentos[/list] <h2>Construcción</h2>
<ul>[*]Suelos
[*]Paredes
[*]Sets[/list] <h2>Objetos</h2>
<ul>[*]Decoración
[*]Descanso[/list]
</div>
</div>
<div id="descargas">
<div id="minibox">Próximamente</div>
<div id="minibox">Próximamente</div>
<div id="minibox">Próximamente</div>
<div id="minibox">Próximamente</div>
<div id="minibox">Próximamente</div>
<div id="minibox">Próximamente</div>
<div id="minibox">Próximamente</div>
<div id="minibox">Próximamente</div>
<div id="minibox">Próximamente</div>
<div id="minibox">Próximamente</div>
<div id="minibox">Próximamente</div>
<div id="minibox">Próximamente</div>
</div>
</div>
<div id="pie">
<ul>[*]1 | 2 | 3 | 4[/list]
</div>
</div>
</body>En fin...menudo rollo, verdad? solo con que le hayais echado un ojo ya teneis el cielo ganado y gracias por pasar por aqui :** {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
li {list-style:none}
a {text-decoration:none}
h1 {font-size: 1.3em}
h2 {font-size: 1.0em}
body {background-image: url(imagenes/verde.png) ; height:100% ;
text-align: center ; font-family:trebuchet MS}
#global {width:1024px ; margin:4px auto ; background-color:9EDD39 }
#cabecera {width:1024px }
#logotipo {background-image: url(imagenes/logotipo.png) ;
float:left ; width:768px ; height:200px}
#nav-lateral {background-color: white ; float: right ;
width:256px ; height:200px ; }
#nav-lateral ul {padding-top:15px}
#nav-lateral li {margin:0 0 15px 0 ; font-size:25px; }
#nav-lateral a {color:96C231}
#navegacion {width:1024px ; height:80px ; background-color:9EDD39 ;
background-image: url(imagenes/navegacion.gif) ;
background-repeat: no-repeat ; background-position: center center}
#navegacion ul { margin-left: 140px ; padding-top:20px}
#navegacion li {float:left ; margin: 0px 40px 0px 10px ;
font-size:2em}
#contenido {width:1024px ; float:left ; background-color:9EDD39 }
#menu {float:left ; width:264px ; }
#menu h1 {font-size:35px ; color:96C231 ;
background-image: url(imagenes/menu-parte-superior.gif);
background-repeat:no-repeat ;
margin:10px 0 0 4px}
#menu h2 {font-size:28px ; color:3674A7 ; text-align:left ; margin: 0 0 0 40px}
#menu h3 {font-size:21px ; color:0D2B18 ; text-align:left ; margin: 0 0 0 60px}
.principal {font-size:17px ; text-align:left ; margin: 0 0 0 75px ;
cursor:hand}
#menu li { ; text-align:left ; margin: 0 0 0 85px}
#submenu {background-image: url(imagenes/menu-parte-inferior.gif) ;
background-repeat:no-repeat ;
background-position: bottom ;
padding-bottom:20px ; margin:0 0 10px 0}
#historias {width:245px ; height:75px; margin:10px 7px 0 12px; }
#tutoriales {width:245px ; height:75px; margin:0 7px 0 12px}
#retos {width:245px ; height:75px; margin:0 7px 5px 12px}
#publicidad-interna {width:256px ; margin:0 0 5px 5px; }
#descargas { width:760px ; float:right;
}
#box {background-image: url(imagenes/descargas.gif);
background-repeat: no-repeat ; float:left;
background-position:center center ; width:760 ; height:540px}
#minibox {background-color:3674A7 ; width:240px ; height:300px ;
float:left ; margin: 10px 0 10px 10px}
#logo-sims1 {float:left ; postion: absolute; align: center;
margin-top: 217px; margin-left: 184px;}
#historias-sims1 {margin-top:150px}
#historias-sims2 {margin-top:15px}
#historias-sims3 {margin-top:15px}
#tutoriales-sims1 {margin-top:150px}
#tutoriales-sims2 {margin-top:15px}
#tutoriales-sims3 {margin-top:15px}
#retos-sims1 { float:left ; width:250px ;
margin-left:5px ; margin-top:100px}
#retos-sims2 { float:left ; width:250px;
margin-top:100px}
#retos-sims3 { float:left ; width:250px;
margin-top:100px}
#retos-sims1 h2 {font-size:35px; color:white}
#retos-sims2 h2 {font-size:35px; color:white}
#retos-sims3 h2 {font-size:35px; color:white}
#retos-sims1 li {text-align:left ; margin:3px 0 0 50px ; font-size:20px}
#retos-sims2 li {text-align:left ; margin:3px 0 0 50px ; font-size:20px}
#retos-sims3 li {text-align:left ; margin:3px 0 0 50px ; font-size:20px}
#pie { width:1024px ; background-color:9EDD39 }
#pie ul {text-align:right ; margin: 10px 10px 10px 0 ; font-size:20px }
Citar
Marcadores