Discussion :

[zoidy]

Hello,

Après avoir résolu un premier problème avec Mozilla (qui n'était pas vraiment de sa faute à vrai dire), en voilà un deuxième :

Pour faire simple, voici deux captures du même écran, l'un fait sous IE, l'autre sous Mozilla :

- IE :


- Mozi :



Le problème est que sous IE il n'y a pas d'espace en dessous du sous-titre, alors que sous Mozi il apparait un gros espace assez moche.

CSS correspondant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
DL, DT, DD, UL, LI {
margin: 5px;
padding: 0px;
list-style-type: none;
color: #FFFFFF;
font-family: Verdana;
}
#menu {
position: relative;
/*top: 10px;*/
width: 330px;
}
#menu DT {
cursor: pointer;
padding: 5px;
text-align: left;
font-weight: bold;
border-bottom: 1px solid #fff;
/*border-left: 1px solid #fff;*/
}

Tant qu'on y est ^^, la barre en dessous de l'édition du 5 mai apparait sous Mozi et pas sous IE une fois qu'on déroule le menu.
D'où vient le problème ?


Voilà, merci pour vos réponses

[psychoBob]

Le problème ne viendrait-il pas du fait que tu es trop pointilleux ? Sinon un margin-bottom :none peut être, mais là sans le code html je vois pas.

Et franchement tu obtiendras jamais un affichage strictement identique selon les navigateurs, je crois.

[zoidy]

Si ça tenait qu'à moi, je laisserais comme ça...

[psychoBob]

Bon je connais pas ta vie, mais le problème n'est pas de savoir si l'affichage est différent, le problème est de savoir si l'affichage est bon partout.

Là sur les deux versions c'est bon. D'ailleurs j'ai du m'y reprendre à 3 fois avant de voir les différences.

De toute façon avec que les css sans le code html perso je peux rien dire de plus et franchement à ta place je passerais à la suite...

M'enfin si t'as un patron obsessionnel...

[zoidy]

Là sur les deux versions c'est bon. D'ailleurs j'ai du m'y reprendre à 3 fois avant de voir les différences.

Ouaip c'est clair que c'est pas flagrant du tout ^^

De toute façon avec que les css sans le code html perso je peux rien dire de plus

L'html c'est des simples balises de listes, rien de bien méchant

M'enfin si t'as un patron obsessionnel

On va dire ça

[psychoBob]

Bon bah t'as essayé un margin-top none pour tes listes à puce ? ça les ferait peut être remonté de 5px.

[<romain/>]

Citation:
M'enfin si t'as un patron obsessionnel
On va dire ça

Explique a ton patron qu'avoir deux fois le même design sous firefox et sous IE c'est mission impossible. Il y a beaucoup trop de chose pas gérer ou pire mal géré par internet explorer.

Le problème comme le dit psychoBob n'est pas d'avoir un sites identique sous tous les navigateurs, mais un site qui s'affiche de facon correct sous tous les navigateurs (y compris les navigateurs texte comme lynx) voir mieux sous tout les type de média. C'est pour cela que l'on sépare le fond de la forme...


ps : si tu es tjs pas convaincu tu as mis tes margin et padding a 0?

[zoidy]

Pour les margin-top et le padding en moins j'avais déjà essayé sans succès

L'essentiel, c'est que ça s'affiche, c'est clair ^^
Marre de ces partons qui croient que les programmeurs sont des magiciens : REBELLION !!!

Merci pour vos conseils

[<romain/>]

lol p***** de patron

je viens de voir que tu avais mis une marge de 5 pour les ul et pour les li.Peut-être que firefox fait bien l'addiotion tandis que ie non.

[zoidy]

je viens de voir que tu avais mis une marge de 5 pour les ul et pour les li.Peut-être que firefox fait bien l'addition tandis que ie non.

Non malheureusement j'ai eu beau enlever les padding, les margin dans le css, rien ne change

Donc comme tu l'as dit précédemment, on ne pourra jamais avoir les mêmes mises en forme d'un navigateur à un autre.

Thx pour vos réponses