Mi primera web en CSS: visualización distinta en firefox y IE

[Bam_Margera]

muy buenas!

veamos, estoy desarroyando una pequeña página para un festival, bien, a medida que la iba haciendo la iba previsualizando con firefox. la cosa es que ahora compruebo que la visualización es algo distinta. Pero lo que realmente me preocupa que el menú de la página (que debo agradecer que encontré el código en esta web!) en IE va OK pero en firefox es como si no tuviera imágenes de sustitución o enlaces... :S (auqnue en local si)

si alguien quiere echarle un ojo bienalvasca.000hosted dot com

obvia decir que se admiten ideas jajaja. En fin, espero que alguien pueda iluminarme y gracias por adelantado!

[Mikmoro]

Aupa. Yo veo funcionar perfectamente el menú, apareciendo unas imágenes al pasar el ratón. No sé bien a qué te refieres.

[pao01]

Yo no veo funcionar el menú en firefox, aunque si en ie7.

[Triby]

En Firefox 3 se ve bien, en IE7 la caja de noticias queda fuera del contenedor.

[coljung]

Si tanto en IE7 como IE6 la caja de noticias esta fuera del contenedor principal.

No se si de pronto por el padding del div=contenido el de las noticias se esta moviendo mas hacia la derecha.

[Mikmoro]

En primer lugar: ¿qué es lo que se supone que debe ocurrir? porque en FF 2, al pasar el ratón aparece esta imagen de fondo:

[Triby]

Mikel, que imagen? no se ve aqui... Bueno, viendo el codigo fuente y pegandolo en la barra de direcciones si aparece, pero no la veo aqui en el foro.

Asi se ve en Firefox 3 (click para ampliar):


Asi se ve en IE7 (click para ampliar):


Edito: En IE7 se me olvido poner el mouse sobre el menu, pero si funciona bien... lo malo es que el titulo y el bloque de noticias se salen de su lugar.

[Bam_Margera]

Es extraño,

a mi en local me va como muestra Triby; en IE el panel se descoloca pero lo demás OK, y en firefox OK.

Peeeeero, en el servidor; en firefox el menú no 'funciona..' por así decirlo.. muy extraño si a vosotros os va bien me desconcierta! jajaja

Si tanto en IE7 como IE6 la caja de noticias esta fuera del contenedor principal.

No se si de pronto por el padding del div=contenido el de las noticias se esta moviendo mas hacia la derecha.

entonces, debería quitarle el padding derecho al contenedor?


y bueno, he estado probando lo del menú aqui en el trabajo.. y en firefox no me funciona :S. qué puede seer?



gracias por vuestras respuestas :D

[Mikmoro]

¿Con no funciona quieres decir que al pasar el ratón no aparece la imagen de fondo?. A mi con FF2 me va perfectamente.

Esta imagen:


que al parecer tu servidor no deja enlazar mucho rato, o algo así.

[Mikmoro]

¿Por casualidad el FF de tu trabajo es un portable? Lo digo porque en otras consultas ya hemos detectado unos cuantos errores del portable.

[Triby]

Iniciado por Mikmoro

... que al parecer tu servidor no deja enlazar mucho rato ...

Seguramente es problema del servidor, ahora que la subiste a araudi.net se ve sin problemas.

[tpzurdo]

Yo la veo desplazada en FFox 3.

[jomaruro]

Hola:

Es extraño en FF3 se ve bien pero el menú no responde, en IE7 se ve bien y el menú funciona pero el div noticias se sale fuera del contenedor. No lo entiendo.

Saludos.

[jomaruro]

Iniciado por Triby

Seguramente es problema del servidor, ahora que la subiste a araudi.net se ve sin problemas.

Esto tampoco lo entiendo.

Saludos.

[Mikmoro]

Mira, en la hoja de estilo tienes un lio muy considerable. Cambia estos selectores que son los que he modificado:

#contenedor {
background: url(img1/Various0124_M.jpg) no-repeat;
height: 830px;
width: 780px;
margin: 0 auto;
line-height: 1.7em;
padding-top: 20px;
}
#contenedor #cabezera {
background-image: url(img1/Various0158_2_S.JPG);
border: 2px solid #999999;
border-top: 2px solid #000000;
width: 688px;
height: 200px;
font-family: "Courier New", Courier, monospace;
margin: 0 auto;
}
.menusup {
padding-left:0px;
width: 696px;
margin:0 auto;
list-style:none;
height:35px;
border-bottom:1px solid #444;
background: #fff url(img1/fondo.gif);
}
#contenedor #contenidolateral {
background: url(img1/Paper0035_M.jpg) no-repeat;
border: 2px solid #000000;
margin: 50px 0 0 5px;
float: left;
color: #fff;
height:386px;
width: 130px;
}
#contenedor #contenido {
margin-top: 25px;
margin-left: 40px!important;
margin-left: 20px;
float: left;
padding: 25px;
background: url(img1/sign.jpg) no-repeat;
width: 514px;
height: 453px;
}
#contenedor h1{margin-top: 18px;
padding:0;
}

Con esto se ve centrada, las imágenes de sustitución del menú, etcétera, y se ve igual en FF2 y 3, IE6 y 7, Chrome, Opera y Safari.

Ejemplo

No detallo los cambios porque han sido muchos, pero sólo he mirado de la CSS lo que he necesitado: necesita una limpieza a fondo.

[jomaruro]

Eso es otra cosa, eso si funciona.

Saludos.

[Bam_Margera]

te quiero! :D

[Triby]

Iniciado por jomaruro

... Esto tampoco lo entiendo ...

jomaruro, Mikmoro habia colocado la imagen de fondo del menu, pero no se veia, hasta que la subio a otro servidor.

Iniciado por Mikmoro

... Con esto se ve centrada, las imágenes de sustitución del menú, etcétera, y se ve igual en FF2 y 3, IE6 y 7, Chrome, Opera y Safari ...

Ciertamente, asi es

Iniciado por Bam_Margera

te quiero! :D

Mikmoro para presidente!!!

[Mikmoro]

Iniciado por Triby

jomaruro, Mikmoro habia colocado la imagen de fondo del menu, pero no se veia, hasta que la subio a otro servidor.

Más concretamente la había enlazado desde el servidor de Bam_Margera, pero hay compañías de hosting que impiden esto para no soportar consumo hacia su sitio que realmente no les pertenece, de manera que he bajado la imagen y la he puesto en mi servidor para que se viera.

[jomaruro]

Algo así me había imaginado pero no veía el enlace por ningún lado y eso era lo que no entendía.

Saludos.