Discussion :

[Denti-fritz]

BOnjour,

j'ai un problème très précis.

J'ai un petit menu tout simple, qui tient sur une ligne.


Il fonctionne bien sous mozilla sous toutes les plateformes.
Il fonctionne sous ie sous PC et linux.
Il ne fonctionne absolument pas sous ie sous mac ... Le menu se met en ligne verticale, et la div de contenu se met à droite de la div du menu.

Si vous pouviez m'aider, car de nombreux visiteurs du sites sont sous mac.

Voici le code

Le résultat st disponible ici :
http://www.budapesthome.co.uk

Merci de votre aide

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div class="clear"></div>
<div id="menu_horizontal">
<ul>
<li class="bouton_gauche"><a href="./index.php?page=accueil">Home</a></li>
<li class="bouton_gauche"><a href="./index.php?page=qui">About us</a></li>
<li class="bouton_gauche"><a href="./index.php?page=tarifs">Fee</a></li>
<li class="bouton_gauche"><a href="./index.php?page=pres">What we do</a></li>
<li class="bouton_gauche"><a href="./index.php?page=immo">Real estate in Budapest</a></li>
<li class="bouton_gauche"><a href="./index.php?page=contact2">Contact us</a></li>
</ul>
</div>
<div class="clear"></div>

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 
 
div.clear {
width : 780px;
height : 5px;
margin : 0;
border : 1px solid #ffffff;
background-color : #ffffff;
}
div#menu_horizontal {
width : 780px;
height : 30px;
margin : 0;
background-color : #990000;
border : 1px solid black;
font-family: trebuchet MS;
font-size: 18px;
 
font-weight:bold;
 
}
 
div#menu_horizontal ul {
list-style-type : none;
margin : 0;
padding : 0;
}
 
div#menu_horizontal li {
padding : 0 0.5em; 
line-height : 30px;
 
}
 
div#menu_horizontal li.bouton_gauche {
float : left;
border-right : 0px solid black;
}
 
div#menu_horizontal li.bouton_droite {
float : right;
border-left : 0px solid black;
}
 
div#menu_horizontal a {
color:#ffffff;
text-decoration : none;
padding : 0 0.5em;
font :  0.8em "Trebuchet MS";
}
 
div#menu_horizontal a:hover {
text-decoration : none;
background-color : #ffffff;
color:#990000;
}
 
div#menu_horizontal a img {
border : none;
padding :  0 0.3em;
}

[Strix]

Salut

Si tu parles de la dernière version de IE pour Mac (soit la 5.x) Je pense que tu peux passer la vérification de ton site. Cela fais X années qu'il n'est plus développé...

[MasterOfChakhaL]

Salut,

Il me semble que le problème vient du fait que sous ie mac, les éléments flottants on par défaut une largeur de 100%; ce qui expliquerait pourquoi ils se mettent les uns en dessous des autres.

Si c'est bien ça, alors tu n'as pas le choix, il faut définir une largeur pour ces éléments.

[Giantrick]

Bonjour,

IE sous mac est abandonné depuis plusieurs années : voir mon commentaire dans l'article ci-joint :

http://www.developpez.net/forums/sho...d.php?t=300097

Bon développement... et surtout sur MAC, éviter de parler d'Internet Explorer, ca nous rend fou... lol

par contre vive Safari et Firefox (autant sur MAC que sur PC) lol

[Denti-fritz]

Très bien, merci à tous.



Aucune logique chez Microsoft !

François

[Giantrick]

Très bien, merci à tous.



Aucune logique chez Microsoft !

François

Bonjour,

SI pour une fois, une logique qui n'est pas la leur, enfin je devrais dire une évidence, pourquoi continuer à développer un navigateur sur un système d'exploitation qui ne l'utilise pas (Sur Mac, Safari et Firefox étaient depuis très longtemps les deux "seuls" navigateurs utilisés par les propriétaires de MAC - dont moi)

Pour une fois je dis MERCI à MICROSOFT.

ils nous ont fait gagner du temps

bon dev.