Discussion :

[Teddy7]

Bonjour,
Pourquoi mes largeurs de colonne changent-elles selon Ie ou FF ?

<table border=0 width=70% cellspacing="4" >
<colgroup>
<!-- specifie la largeur des entetes (uniquement) -->
<col width="20">
<col width="100">
<col width="100">
<col width="100">
<col width="350">
</colgroup>
<tr>
<td></td>
<td>Date</td>
<td>Prenom</td>
<td>Nom</td>
<td>Email</td>
<td></td>
</tr>
</table>

Le résultat est plus petit avec FF qu'avec Ie

Le tableau se trouve dans une zone définie comme suit

#contenu {margin-top: 20px; margin-left: 140px;
padding: 20px; }

[Dark Ryus]

Moi ça fait pareil sur firefox 3 et IE7.......

[Teddy7]

Je test sur FF 2.0 et Ie 6.
J'ai chercher dans plusieurs forum sans trouver de réponse exacte pour ce pb !!!

Merci pour vos suggestions

[b_zakaria]

Salut,
personnellement j'utilise les hacks CSS. Ca veut dire que je saisie des propriétés pour chaque navigateur au cas où, comme dans notre cas, ces propriétés représentent un conflit et génèrent des anomalies.
Ainsi, pour IE, ajoute un underscore avant le nom de la propriété.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
#contenu {
margin-top: 25px;      //(Tous les navigateurs)
_margin-top: 20px;    //(Que pour IE6 et plus anciens) 
#margin-top: 20px;    //(Que pour IE7) 
margin-left: 140px;    //(Tous les navigateurs)
_margin-left: 140px;  //(Que pour IE6 et plus anciens) 
#margin-left: 140px;  //(Que pour IE7) 
padding: 20px;         //(Tous les navigateurs)
_padding: 20px;       //(Que pour IE6 et plus anciens) 
#padding: 20px;       //(Que pour IE7) 
}

Sinon tu peux faire inverse en rentrant que des propriétés pour firefox exclusivement, on rajoute "!important" à la fin de la propriété juste avant le point virgule.

Pour plus d'informations, c'est par là!

[romain_ci]

Bidouille bidouille quand tu nous tien !! c'est pas bien les mecs

Met ce code au debut de ton fichier css

Code :

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

1
2
3
4
5
 
* {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

Voilaaaaaaaaaaaaaaaa