[css] Firefox et IE

Marsh Posté le 17-06-2005 à 00:01:28

Bonjour.

Voici le code de ma feuille de style

Citation :

#meniu {
color: #FFFFFF;
display: block;
font: bold 11px/9px Georgia, "Times New Roman", Times, serif;
left: 50%;
margin: 0px 0px 0px -260px;
padding-bottom: 5px;
padding-left: 25px;
padding-right: 25px;
padding-top: 5px;
position: absolute;
text-align: left;
top: 262px;
width: 526px;
}

Mon problème se situ au top:262px
Quand je l'optimise pour qu'il soit bien positionné sous IE il l'est bien sous IE et pas firefox et quand je l'optimise pour firefox pareil mais inversemment.

Comment faire?
Merci d'avance

Reply

Marsh Posté le 17-06-2005 à 00:01:28

Reply

Marsh Posté le 17-06-2005 à 00:08:09

masseur a écrit :

Quand je l'optimise pour qu'il soit bien positionné sous IE il l'est bien sous IE et pas firefox et quand je l'optimise pour firefox pareil mais inversemment.

Comment faire?

N'optimise pas, ne recherche pas la précision au pixel près [:spamafote]

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 17-06-2005 à 00:21:04

C'est pas au pixel près.
Ca depasse caremment la zone ou il devrait etre.
Voila la grosse différence.
http://leon.baz.free.fr/1.jpg

http://leon.baz.free.fr/2.jpg

Reply

Marsh Posté le 17-06-2005 à 00:28:10

Margins & paddings par défaut plus Microsoft Box Model

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 17-06-2005 à 00:47:48

T'as toujours la méthode de barbarde : deux fichiers css, et charger le bon suivant ce que t'auras récupéré comme info sur le navigateur de ton visiteur via PHP.

(jamais fait ça, je préférais revoir ma css au global)

Reply

Marsh Posté le 17-06-2005 à 00:51:49

Utilise un hack :

Code :

.bloc
{
/* on indique ici la taille pour microsoft */
width: 300px;
margin: 12px;
padding: 12px;
/* Ces deux lignes permettent de cacher ce suit à IE 5 sous windows */
voice-family: "\"}\"";
voice-family: inherit; /* On annule l'information précédente */
width: 250px;
}
/* pour IE 6, il faut utiliser le fait que la syntaxe élément>élément soit inconnue */
html>body .bloc
{
width: 250px;
}

Après il y a toutes les histoires de doctype switching.

En savoir plus

---------------
Martin

Reply

Marsh Posté le 17-06-2005 à 00:54:37

LorDjidane a écrit :

T'as toujours la méthode de barbarde : deux fichiers css, et charger le bon suivant ce que t'auras récupéré comme info sur le navigateur de ton visiteur via PHP.

(jamais fait ça, je préférais revoir ma css au global)

Ho la belle technique de merde
ca me rappelle l'époque ou il y avait une détection Javascript sur les sites qui renvoyait soit à une page optimisée pour IE4 soit une page optimisée pour NS4

Reply

Marsh Posté le 17-06-2005 à 00:58:30

Martius a écrit :

Utilise un hack :

Code :

.bloc
{
/* on indique ici la taille pour microsoft */
width: 300px;
margin: 12px;
padding: 12px;
/* Ces deux lignes permettent de cacher ce suit à IE 5 sous windows */
voice-family: "\"}\"";
voice-family: inherit; /* On annule l'information précédente */
width: 250px;
}
/* pour IE 6, il faut utiliser le fait que la syntaxe élément>élément soit inconnue */
html>body .bloc
{
width: 250px;
}

Après il y a toutes les histoires de doctype switching.

En savoir plus

Tu n'as pas plus compliqué comme technique ???

Moi j'utilise ceci :

Code :

#monelement{
width:240px /*Largeur que l'on indique par défaut*/
_width:260px /*Cet attribut n'est lu que par IE, alors width vaut 260px au lieu des 240px;/
}

J'utilise le hack avec l'underscore, je trouve ça plus propre dans la CSS

Message édité par gatsusat le 17-06-2005 à 00:59:33

Reply

Marsh Posté le 17-06-2005 à 01:09:52

Je connaissais pas, ça peut servir
Mais, euh, ça valide plus la ?

Message édité par Martius le 17-06-2005 à 01:10:09

---------------
Martin

Reply

Marsh Posté le 17-06-2005 à 01:17:27

Rhooo my god.
Nikel la méthode de l'underscore.
Merci à toi et aux autres aussi.

Message édité par masseur le 17-06-2005 à 01:17:49

Reply

Marsh Posté le 17-06-2005 à 01:17:27

Reply

Marsh Posté le 17-06-2005 à 04:00:00

Martius a écrit :

Utilise un hack :

Code :

/* pour IE 6, il faut utiliser le fait que la syntaxe élément>élément soit inconnue */
html>body .bloc
{
width: 250px;
}

Il n'y a que IE 6 qui tombe dans le panneau du html > body ? IE 5, il se fait pas avoir ?

[:totoz]

---------------
my flick r - Just Tab it !

Reply

Marsh Posté le 17-06-2005 à 08:18:22

LorDjidane a écrit :

T'as toujours la méthode de barbarde : deux fichiers css, et charger le bon suivant ce que t'auras récupéré comme info sur le navigateur de ton visiteur via PHP.

[:petrus75]

Martius a écrit :

Tu pourrais arrêter de faire de la pub pour ta page s'il te plait?

zapan666 a écrit :

Il n'y a que IE 6 qui tombe dans le panneau du html > body ? IE 5, il se fait pas avoir ?

[:totoz]

C'est pas "tomber dans le panneau", MSIE (5 comme 6) ne connait pas le sélecteur "child" c'est tout [:spamafote]

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 17-06-2005 à 09:58:59

Bah crevez, de toute façon je l'utilise jamais ; c'est juste que certains aiment se contenter de techniques pareilles.

Reply

Marsh Posté le 17-06-2005 à 10:12:21

LorDjidane a écrit :

Bah crevez, de toute façon je l'utilise jamais ; c'est juste que certains aiment se contenter de techniques pareilles.

[:phenos]

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

[css] Firefox et IE

Sujets relatifs:

Leave a Replay