¡mi web se ve mal en firefox ayuda!

hola miren yo tengo unas duditas haver si me pueden intentar a solucionarlas.

la primera es bueno yo veo mi web con firefox y se ve toda desordenada yo entiendo que todos los navegadores interpretan las cosas de formas diferentes y todo pero si alguien me pudiera ayudar a resolverla :roll:

mi web es: http://infrauchiha.onlinewebshop.net/


Saludos!! :wink:

Pues si que tienes lio si. Estuve echando un vistazo rapido a tu CSS, y tienes bastante lio. Hay capas, como por ejemplo #menu, en la que estas declarando el margen derecho dos veces. Me imagino que tengas mas errores

Mi consejo, empieza de nuevo, para saber capa a capa la diferencia que hay entre firefox y explorer e ir corrigiendo poco a poco

man jejej te iva a decir que no entenida pero ya medio lo arregle era un error en el codigo jejej css xau gracias

tejodiloco escribió:man jejej te iva a decir que no entenida pero ya medio lo arregle era un error en el codigo jejej css xau gracias

Hola:
Considero (claro que es solamente mi opinión personal), de que usted ha puesto demasiados códigos en su hoja de estilo-general.

Creo que ha puesto float:left que no deben estar, width:800px que no deben estar, etc. etc. etc.

Incluso me atrevería a decir que hay alguna capa o <div> como la capa #cabezal que simplemente estaría de más, ya que la imagen puede estar tranquilamente dentro de la capa cabecera.

Luego usted en la hoja de estilo-general le dió atributos y valores a una capa a la que llamó #contenidodos, pero claro, si le da atributos y valores a una capa en la hoja de estilo-general, luego hay que crear esa capa en la pagina plantilla, o si no no sirve de nada.

Las hojas de estilos, solo sirven para darles atributos y valores a las capas que se van a crear en la pagina html, pero luego hay que crear esas capas en la pagina

.
Acá le dejo, como yo habría hecho su hoja de estilo, basándome en su diseño, pero como le dije, solo es mi opinión personal
.......
estilo-general.css
.......

*{margin:0px;padding:0px;border:0px}

h1 {font-size: 1.2em; color:white ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:white ; font-weight: bold ; text-decoration: none ; text-align: center}

p {text-align: justify}

img{border-style:none;}

body{text-align: center}

#global {width: 800px ; margin: 4px auto}

#curva-superior { background-image: url(objetos/curva-superior.gif) ;background-repeat: no-repeat ;width:800px ;height: 12px ;overflow: hidden}


#cabecera {background-color: #1E90FF ; border-left: black 1px solid ; border-right: black 1px solid ; height:200px}


#navegacion {background-color: #0000FF ; border: black 1px solid ; height: 20px ;}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 50px }

#contenido {width:auto;background-color: #0066ff ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px ; color: black}



#menu{background-color: yellow ;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:5px}

#menu li {list-style:none ; margin: 4px 8px 4px 6px}

#menu h1 {text-decoration:none ; font-size:12px ;background-image: url(objetos/menu-parte-superior.gif) ;padding-top:12px; color:white}


#pie{background-color: #0066ff ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ;height: 65px ;}

#pie li {list-style: none ; font-size: 10px}

#pieuno {float: left ; width: 150px}

#piedos {float: left ; width: 498}

#pietres{float: left ; width: 150px}


#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;background-repeat: no-repeat ;width:800px ;height: 12px ;overflow: hidden}

a {color: white ; text-decoration:none ; display: block}
a:link {}
a:visited{}
a:hover {color:white ; text-decoration:none ; background-color: blue}
a:active{}

#cabecera a {}
#cabecera a:link {}
#cabecera a:visited {}
#cabecera a:hover {background-color: white }
#cabecera a:active {}

#contenido a {color: white ; text-decoration:none ; display: block}
#contenido a:link {}
#contenido a:visited {}
#contenido a:hover {color:black ; text-decoration:none ; background-color: 0066ff}
#contenido a:active {color:black}


#menu a {color: white ; text-decoration:none ; display: block}
#menu a:link {}
#menu a:visited {}
#menu a:hover{color:black ; text-decoration:none ; background-color:blue}
#menu a:active {color:black}

#pie a {color: white; 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}
...............................................................

Y acá le dejo como yo habría hecho la página plantilla.html o como le haya llamado usted a la pagina
...............

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

<html>
<head>
<title>Noticias - Clan infrauchiha</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META content="En esta bonita y excelente web puedes encontrar guias de mu,skin y parches y demas" name="description">
<META content="clan,infrauchiha,uchiha,mu,online,servers,skin,guias,informacion,noticias" name="keywords">
<link rel="SHORTCUT ICON" href="objetos/favicon.ico">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>

<div id="cabecera">[contenido no disponible]

</div>


<div id="navegacion">
<ul>

Inicio

Info de MU

Foro

Registrarse

Loguearse

Soporte

</div>
<div id="contenido">
<div id="menu">
<ul>
<h1>Inicio</h1>

Noticias

Eventos

Alianzas

Miembros de honor

</div>
<h1>Noticias</h1>


Ya porfin ya esta lista la web solo le falta un poco mas de contenidos y ahora mismo el
administrador procesedera a colocar las guias y demas.</p>

<h2>Foro</h2>

En pocas horas el diseño del foro y las demas secciones estaran colocadas
y podremos disfrutar de esta bonita web</p>
<h2>Server Infraworld</h2>


Buenas noticias el server infraworld el server de nacimiento del clan va a estar on para
el dia lunes 18 de enero esperemos que las cuentas no allan sido borradas ni los files para
hasi lograr que el clan siga de 1er puesto en el ranking</p>
</div>

<div id="pie">
<div id="pieuno">
<ul>

Foro

Contacto

Nos enlazan</a>

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

Directorio

TopSite

Mapa de la Web

</div>
</div>
<div id="curva-inferior"></div>

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

Si usted cree que le puede servir, pruebe

Saludos

bueno man ya lo arreglue y algo este lo de los width y float era ver si lo podia arreglar cuando teng tiempo se los quito
de todos modos el error estava aqui

lo que esta en rojo es el que ise mal y el azul el que ise bien


#global {width="800px" ; margin: 4px auto}


#global {width: 800px ; margin: 4px auto}