Discussion :

[claire34]

Bonjour,

Je cale pour régler un problème de placement de mon menu:
- Accueil
- A propos
- Nous contacter

Sous firefox il s'affiche correctement alors que sous IE (nous contacter est en dehors de la page web) .

Voici le code:

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
#menu table{
width:800px;
height:60px;
margin-left:330px;
}
 
 
 
#menu a{
font-family:"Century Schoolbook";
font-size:18px;
padding:0 25px;
margin-top:30px;
text-align:center; 
margin-top:15px;
}

Est ce que quelqu'un a une méthode (magique?) pour ne pas perdre trop de temps sur ces histoires de compatibilité ?

[ptilemare]

Bonjour,

C'est normal les deux margin-top ?

Code :

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

1
2
3
margin-top:30px;
text-align:center; 
margin-top:15px;

Bien cordialement.

[claire34]

Bonjour,

J'avais collé l'autre margin-top en oubliant de le supprimer.
Merci de me l'avoir fait remarquer

Par contre le problème est le même, sous firefox ce code fonctionne, sous IE c'est la cata si je puis dire...

[ptilemare]

Tu appelles combien de fois tes classes CSS ? La "table", peut être une seule fois, mais les "a" plusieurs fois.

Quand on précède une propriété par un '#', on le reprends dans le HTML avec les id. En principe, on l'utilise qu'une seule fois.

Ca ne résoudra peut être pas ton problème mais je te conseille d'utiliser les classes.

Code :

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

#menu a

devient

Code :

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

.menu a

et dans ton html, tu remplaces tes "id" par des "class".

Bien cordialement.

EDIT :

Code :

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

padding:0 25px;

normalement, c'est pas :

Code :

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

padding:0px 25px;

???

[claire34]

Tout à fait d'accord pour le padding

Par contre dans mon cas passer de id à class est restrictif dans la mesure ou la class "a" appliquera le même style à tous les "a" d'autant plus que j'ai plusieurs menus sur ma page web et que je ne veux pas forcément leurs imposer les mêmes styles.

Merci en tout cas pour ta réponse, je me sens un peu moins seule

[claire34]

Est ce que ceci peut éventuellement marcher:

Code :

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

1
2
3
4
 
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="ie.css" media="screen"  />
<! endif -->

Il serait peut être plus judicieux dans mon cas de faire un autre fichier .css

En tout cas j'ai testé et ... (suspence...) ... ça ne fonctionne pas ...

Internet explorer apparait en utilisant l'autre feuille de style alors que dans ie.css je n'y ai juste mis qu'un fond noir.