Como arreglar diferencias CSS entre IE y Firefox??

NaRanJiTo78 · #1 (**permalink**) 13/01/2009, 11:12

Hola!

No entiendo como puedo solucionar el siguiente problema por mas vueltas que le doy.

La web http://audi.jarmauto.es se ve bien en Firefox, pero en IE se viene al centro, no entiendo porqué, y he creado una página paralela de prueba con DIVS personalizados (actualmente sin acabar)---> http://www.jarmauto.es/index_audi.html y me pasa lo mismo con algunos DIV´s que se vienen al centro, y no le encuentro explicación por más que pruebo.

A alguien le ha pasado?Me puede ayudar alguien?

Muchas gracias

Bernix · #2 (**permalink**) 13/01/2009, 11:32

A mi me pasaba algo similar. Puede ser problema de los paddings o margenes. Te recomiendo que el CSS lo primero de todo sea:
*{
margin:0px;
padding:0px;
}

codig0 · #3 (**permalink**) 13/01/2009, 11:43

Maqueta a mano y no uses las opciones de dreamweaver... k se nota k lo has usado xD entonces el dreamweaver utiliza en todas las capas position:absolute y aunque tu consigas k se vea bien, luego cuando alguien entre con otra resolucion, no se vera igual.

Nathan_1979 · #4 (**permalink**) 13/01/2009, 11:45

La regla de Oro es F5 en FF y IE 6* los demás vendrán solos junto a Firefox :)

NaRanJiTo78 · #5 (**permalink**) 13/01/2009, 11:55

vaya...tampoco se me soluciona, pero gracias por el aporte!

NaRanJiTo78 · #6 (**permalink**) 13/01/2009, 11:57

Cita:

Iniciado por Nathan_1979

La regla de Oro es F5 en FF y IE 6* los demás vendrán solos junto a Firefox :)

Que significa F5??

Nathan_1979 · #7 (**permalink**) 13/01/2009, 12:05

F5 --> Actualizar

NaRanJiTo78 · #8 (**permalink**) 13/01/2009, 12:16

Pues actualizo de pm constantemente y nada!!!

No entiendo porque ocurre eso, la verdad

Nathan_1979 · #9 (**permalink**) 13/01/2009, 12:21

Jajaja !

Bueno si, vale. Me tuve que explicar mejor

Espera unos minutos que le "exo" el vistazo a ver si podemos solucionarlo.
La página mola ;)

Nathan_1979 · #10 (**permalink**) 13/01/2009, 12:28

Ok

.screen_4 { le añades margin: 0 auto; }

class --> .line_stop {
le subes el border-top a 6px
}

EDITO: Ay coñe!
Pense que decias que se veia mal en IE :S

NaRanJiTo78 · #11 (**permalink**) 13/01/2009, 12:34

Cita:

Iniciado por Nathan_1979

Ok

.screen_4 { le añades margin: 0 auto; }

class --> .line_stop {
le subes el border-top a 6px
}

EDITO: Ay coñe!
Pense que decias que se veia mal en IE :S

En http://audi.jarmauto.es o http://www.jarmauto.es/index_audi.html ??

En IE es donde se viene todo el contenido para adentro..

Nathan_1979 · #12 (**permalink**) 13/01/2009, 12:51

Hmmm

.screen_4 {
añades junto a las otras 2
float:left;
}

Nathan_1979 · #13 (**permalink**) 13/01/2009, 12:52

Aunque te recomiendo que rediseñes desde cero la plantilla.

Pero que veo O.o no son frames verdad!?

pao01 · #14 (**permalink**) 13/01/2009, 13:03

La página está preciosa, no se cómo ayudarte por mi falta de experiencia.
Sólo un consejito en la imágen del encabezado, corregí la dirección de los reflejos, con esto estaría excelente

NaRanJiTo78 · #15 (**permalink**) 13/01/2009, 13:59

Cita:

Iniciado por Nathan_1979

Aunque te recomiendo que rediseñes desde cero la plantilla.

Pero que veo O.o no son frames verdad!?

Ambas respuestas:

En audi.jarmauto.es si son frames adaptaos a la web, pero no por mi parte, sino por Audi (Verás que si miras el código fuente de www.audi.es verás que son frames.

En la siguiente web, http://www.jarmauto.es/index_audi.html la he rediseñado too con DIVs sin frames, que es la que voy a poner, pero me está dando estos problemillas...

Nathan_1979 · #16 (**permalink**) 13/01/2009, 14:06

El problema es el exceso de divs, no los divs.

NaRanJiTo78 · #17 (**permalink**) 14/01/2009, 02:18

Cita:

Iniciado por Nathan_1979

El problema es el exceso de divs, no los divs.

Nunca había oido que las páginas pudiesen dar problemas por exceso de DIV´s...

Mikmoro · #18 (**permalink**) 14/01/2009, 02:58

No entiendo qué quieres decir que "algunos divs se me vienen al centro".

Por otro lado, has de saber que gracias a este selector:

body {
margin: 0px;overflow:hidden
}

en Firefox 2 no aparece el scroll, y no se puede acceder al contenido que está más abajo que una pantalla en 1024 x 768.

NaRanJiTo78 · #19 (**permalink**) 14/01/2009, 03:02

Cita:

Iniciado por Nathan_1979

Ok

.screen_4 { le añades margin: 0 auto; }

Con esto se solucionó lo de venirse al centro!!

Muchas gracias,Nathan!!

Mikmoro, ahora quizá no lo ves porque lo modifiqué hace unos minutos...gracias por echarle un vistazo y ayudar!!

Lo que no entiendo es porque no aparece scroll en Firefox 2...como lo puedo solucionar?

Muchas gracias

Nathan_1979 · #20 (**permalink**) 14/01/2009, 03:15

Lo que te dijo Mik en el body { margin y overflow }

A parte de esto debes quitarle la anchura del width:100% del div:

#apDiv30

Mikmoro · #21 (**permalink**) 14/01/2009, 03:27

Cita:

Iniciado por NaRanJiTo78

Mikmoro, ahora quizá no lo ves porque lo modifiqué hace unos minutos...gracias por echarle un vistazo y ayudar!!

Lo que no entiendo es porque no aparece scroll en Firefox 2...como lo puedo solucionar?

Ayer lo ví exactamente igual que hoy, y ya te he puesto qué lo provoca.

NaRanJiTo78 · #22 (**permalink**) 14/01/2009, 03:43

Cita:

Iniciado por Nathan_1979

Lo que te dijo Mik en el body { margin y overflow }

A parte de esto debes quitarle la anchura del width:100% del div:

#apDiv30

Porque?No lo entiendo...

Es un div extensible para que según la resolución se extienda o reduzca para eliminar el espacio "muerto"...no lo crees asi o que?

NaRanJiTo78 · #23 (**permalink**) 14/01/2009, 03:46

Cita:

Iniciado por Mikmoro

Ayer lo ví exactamente igual que hoy, y ya te he puesto qué lo provoca.

Mil gracias!!!

Sois unos auténticos expertos de CSS, estoy aprendiendo un montón!!!

NaRanJiTo78 · #24 (**permalink**) 14/01/2009, 04:13

Eso si, una pregunta para aprender:

Lo que causa que no haya scroll es "overflow:hidden"??

Mikmoro · #25 (**permalink**) 14/01/2009, 04:57

Cita:

Iniciado por NaRanJiTo78

Lo que causa que no haya scroll es "overflow:hidden"??

Sí, eso es. Pero puesto en el selector del body lo hace para toda la página; puesto en una caja normal, sólo afecta a esa caja.

pi_imagine · #26 (**permalink**) 16/02/2010, 02:32

Cita:

Iniciado por Mikmoro

Sí, eso es. Pero puesto en el selector del body lo hace para toda la página; puesto en una caja normal, sólo afecta a esa caja.

Buenas,
yo he tenido el mismo problema, en firefox se me ven genial los CSS, Pero en microsoft y safari se me mueven todas las tablas (ya se que tengo que quitarme el vicio de las tablas y maquetar en css).

www.almadrabateatro.com/prueba

Sobre todo en las secciones de espectaculos y las escuelas, es donde mas se mueven....

He probado lo de poner el arterisco delante del estilo... pero no me soluciona el problema.....

Ayuda plis....