Mi pagina se ve mal con Mozilla y Opera.

Hola, segun me dijo Jugocan mi pagina web se ve mal con el navegador Mozilla, ¿como puedo solucionarlo?, gracias, ya de paso si me decis algo de Opera pues mejor que mejor. La pagina es la primera de mi firma. Un saludo.
yo la veo perfectamente, pero eso es verdad en firefox se ve mal

eso en el curso paso a paso de CCTW esta la clave para que se te vea bien en firefox
Bueno, yo te había dicho en ópera, en el Morzilla te lo dijeron después, jeje.
Pues prueba a quitarle el alto a la capa cabecera y a la del pie, a quitarle el height que le tienes puesto en la hoja de estilos.
Saludos :wink:
tienes razon jugoncan, tu me dijistes lo de opera, lo del firefox fue posterior, voy a probar, hasta dentro de un rato... :oops: , porque seguro que algo hago mal...Un saludo.
Pues nada, que he quitado esos height de la capa cabezera y de la de pie y ahora se ve peor..mi hoja de estilos está así:

* {text-indent:0px;margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.2em; 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}
body{background-color: #E0ffff ; background-image: url(objetos/fondo26.jpg); background-position: center ; background-repeat: y ; height:100%; text-align: center}

.centrado {text-align:center;width="150" height="80"}

#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: white ; border-left: black 1px solid ;
border-right: black 1px solid }
#logotipo {width:280px;float:left }
#publicidad {width:500px ; float:center ; margin-top:15px;font-size: 16px }
#publicidad2 {width:200px; height:200px ; float:left ; margin:15px15px15px15px;font-size: 16px }
#publicidad3 {width:200px; height:200px ; float:center ; margin:15px15px15px15px;font-size: 16px }
#navegacion {background-image: url(objetos/fondo6.jpg) ; border: black 1px solid ; height:25px}
#navegacion li {float:left;list-style:none;margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 90px }

#contenido {background-image: url(objetos/fondo25.jpg) ;border-left: black 1px solid ; border-right: black 1px solid ;height:400px}

#contenido p {margin: 5px 10px 0px 10px;text-indent:15px}
#menu {background-color: orange ; 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 }
#pie {background-color: WHITE;border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid }
#pie li {list-style: none;font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;background-repeat: no-repeat ;width:800px ; height:12px;overflow: hidden }
#contenido a {color:blue; text-decoration:none}
#contenido a:link {}
#contenido a:visited {}
#contenido a:hover {color:red;text-decoration:underline;}
#contenido a:active {}

#menu a {color:black; text-decoration:none;display: block }
#menu a:link {}
#menu a:visited {}
#menu a:hover {color:red;text-decoration:underline;background-color:silver}
#menu 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}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}


Un saludo.
Pues fíjate lo que te estaba diciendo. Vamos a empezar en la cabecera: tu logo mide 240px de alto, y tu tenías puesto esto:
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid; height:85px }

Si te fijas le estás diciendo a la cabecera que sea mucho más chica de lo que debe ser.

Saludos :wink:
Lo modifico y pongo algo mas de esos 240, a ver que pasa.
Anda si no tengo nada en cabecera...lo tengo así:

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

En el hosting si que está como dices ya que si lo ponia sin nada, es decir, como está en el texto de arriba.(#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid } ) se me desfiguraba hasta con el Internet Explorer.
Un saludo.
Ya lo intenté y salia enorme la zona de arriba, mucho espacio en blanco entre el logo y la zona de los textos..que lio.
^Pues me he dado cuenta que la imagen mide 240 de alto, pero le tienes puesto que tenga una altura de 80, jeje :lol:
Pues vamos a probar otra cosa, quítale el float left a ver que tal, y a la publicidad cámbiales el float: center por un float: right

Saludos :wink:
He hecho lo que me dijiste, y el resultado, al menos en la vista previa con el Htlm-Kit es este:



[contenido no disponible]
Ok, pues ahora pon el div de la publicidad antes que el logotipo.
Ahora así ya se tendrá que ver bien (esperemos)
Ya he hecho lo que sugieres, ahora la zona de abajo es la que se ve mal, al menos con mozilla...
Ea, un problema menos, jeje
Ahora vamos a probar con la parte de abajo.
En este caso yo creo que lo que habría que hacer es indicarle a la capa pie una altura, ir aumentando esa altura hasta que se vea bien.
Saludos :wink:
hoy por falta de tiempo no lo puedo hacer, probaré mañana, un saludo.
yo con el mozilla se ve mal el redondeo del pie se va para la derecha
Bueno, algo va mejorando, ahora solo queda centrar cosas, por ejemplo, el logo se va a la izquierda, muy pegado al lateral, el menú de la capa navegación igual y el reloj que está en la capa contenido lo mismo, muestro una imagen:

[contenido no disponible]

Y también la capa pie que está separada del resto un poco...

[contenido no disponible]

Un saludo.