Webmaster Hub > Bug sous IE5 Mac OS 9

Version complète: sur le forum Webmaster Hub : Bug sous IE5 Mac OS 9

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS

gimini

lundi 10 janvier 2005 à 20:12

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 :

CODE

/*  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 l’entete 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

mardi 11 janvier 2005 à 00:24

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

mardi 11 janvier 2005 à 01:16

Passe a firefox sous mac, il tourne bien

thierryf

mardi 11 janvier 2005 à 07:58

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

jeudi 20 janvier 2005 à 08:13

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

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.