Bug sous IE5 Mac OS 9

[gimini]

Bonsoir,

L'affichage se passe très bien sous IE Windows, Netscape 7 Mac, Firefox, c'est-à-dire le menu s'affiche à gauche, le contenu à droite du menu, bien collé, c'est très beau. ;-)

Patatras sous Mac OS 0, IE 5, le bloc de contenu passe après le bloc menu au lieu d'être à côté !

:-(

Voici le code des CSS :

/*  body */
html { 
  padding:0px;
  margin:0px;
}

body {
  background-color: #d2c79f;
  font-size: 11px;
  font-family: Verdana, Arial, Sans-serif;
  color:#000;  
  text-align:center;
  margin:0px;
 padding:0px;
}

/* definition de lentete de la page contenant le logo */
#head {
  height: 120px;
  background-color: transparent;
  z-index : 50;
  font-family: Verdana, Arial, Sans-serif;
  font-size : 15px; 
  line-height: 17px;
  color : #b40089;
  margin: 10px;
  background-image : url(images/person313.gif);
  background-repeat : no-repeat;
  background-position: right bottom;
}

/* definition des textes */
p {
  margin:0px 10px 10px 10px;
  text-align: justify;
  color:#564b47;  
}

a { 
  background-color:transparent;
  text-decoration: none; 
}

/*  definition du boite contenant le menu, le contenu */

#box {
  width:750px;
  margin: 0px auto;
  padding:0px;
  text-align:left;
}

#menu {
  width:200px;
  padding:0px;
  float:left;
  background-color:#ddd4b0;
  margin : 0;
  padding-bottom: 5px;
  color: #000;
}

#contenu {
  width:550px;
  padding:0px;
  float:left;
  background-color:#fff;
}

Est-ce que quelqu'un a un tuyau pour remédier à ce problème ?

Merci infiniment pour votre aide.

Il s'agit bien sûr de MAc OS 9, erreur de saisie !

Gimini

[Arlette]

Il n'y a pas beaucoup de spécialiste Mac ici. Tout ce que je peux te dire c'est qu'avec Mac OS9 IE5... et bien les sites quelques fois c'est pas le top.

J'en sors de ce genre de bécane

Tu peux contacter Ramsès de ma part par email (tu trouveras son email dans son profil en faisant une recherche par membre). Il pourra peut-être t'aider

[Jok]

Passe a firefox sous mac, il tourne bien

[thierryf]

Tu pourrais essayer de changer un peu ton code CSS.

Je ne vois pas l'utilité de la propriété z-index dans #head.

ça ne change peut-être pas grand chose mais je pars du principe qu'il faut essayer d'avoir le code le plus simple possible pour régler les problèmes de compatibilités. (en plus 50...)

Si box est la "boîte" contenant le menu et le contenu, je vois

#menu{float:left} et #contenu{float:left}

Il me semblerait plus logique que l'un soit à droite et l'autre à gauche (à mon avis ton problème vient de là).

donc #menu{float:left;} et #contenu{float:right}

Ensuite, si le problème persiste, je te conseille d'utiliser :

#menu{position:absolute;

top:120px;

left:0px;

width:200px;

etc...}

#contenu{position:absolute;

top:120px;

left:200px;

width:550px;

etc...}

Dernier point (mais très important, sans doute la première chose à faire !!! ), à ta place, je supprimerai également

#box{text-align:left;}

(c'est dans contenu que tu définira l'alignement de ton texte)

En fait, dans ton code (est-ce une manifestation de ton subconscient ? as-tu lu Freud ? ) tu as tout fait pour tout mettre à gauche ;-)

Dans ces conditions l'OS et le navigateur qui t'énervent sont en fait les systèmes qui interprètent le mieux ton code.

Tiens moi au courant si les choses s'arrangent.

[gimini]

Merci bien.

Finalement, j'ai changé la largeur du #content. En le réduisant de 5 pix, ce bloc reste à sa place.

Je crois en fait que c'est la manière dont IE5 gère les marges.

Gimini