Se connecter avec
S'enregistrer | Connectez-vous

css - Firefox / IE

Dernière réponse : dans Programmation

Salut à tout le monde

J'ai un petit soucis avec IE, voici mon fichier css :

  1. @charset "iso-8859-1";
    

  2. BODY {
    

  3.      background-color : #ffffff;
    

  4.      padding : 0;
    

  5.      margin : 0;
    

  6.      font-family : Arial, Verdana, Tahoma, Helvetica, Geneva, sans-serif;
    

  7.      font-size : 7pt;
    

  8.      color : #000000;
    

  9.      text-align : center;
    

  10.       }
    

  11. div#conteneur {
    

  12.      position : relative;
    

  13.      width : 780px;
    

  14.      height : auto;
    

  15.      margin-left : auto;
    

  16.      margin-right : auto;
    

  17.      top : 0;
    

  18.      text-align : left;
    

  19.      background-color : #f1f1f1;
    

  20.       }
    

  21. div#header {
    

  22.      width : 780px;
    

  23.      height : 200px;
    

  24.      background-color : #6699CC;
    

  25.       }
    

  26. div#menu {
    

  27.      float : right;
    

  28.      margin-top : 110px;
    

  29.      margin-right : 10px;
    

  30.      background-color : #666666;
    

  31.      width : 232px;
    

  32.      height : 400px;
    

  33.       }
    

  34. div#contenu {
    

  35.      width : 100%;
    

  36.      height : 150px;
    

  37.      background-color : #888888;
    

  38.       }
    

  39. div#footer {
    

  40.      clear : both;
    

  41.      width : 780px;
    

  42.      height : 29px;
    

  43.      background-color : #000000;
    

  44.       }


et voilà ce que ça me donne :

http://komiounitee.free.fr/probleme.jpg

Ce que je souhaite faire, c'est ce qui est affiché sous Firefox, mais je vois que sous IE, il garde la totalité de mon "menu" dans mon "header"...

Une solutions ???

Merci !

Autres pages sur : css firefox

Lassé par la pub ? Créez un compte

enlève les div devant les # deja par ce que ca sert a rien et ton code n'est plus correcte
Citation :
div#header {
width : 780px;
height : 200px;
background-color : #6699CC;
}

là tu dis les id nommé header a l'interieur des div pour moi ca veux pas dir grand chose il suffit de mettre #header enfin essaie ca je garanti rien

Je viens d'essayer, mais ça ne donne rien....

Le problème est que je déclare ma div flottante dans mon header. Je souhaite qu'elle "dépasse" de mon header comme affiché sous Firefox. Mais IE me ferme la div "header" après ma div "menu"...

Bizarre cette différence d'interprétation ???!!!

Je suis sûr qu'il y a une solution.... :D 

EDIT :: je viens de trouver ça, et bien je veux exactement l'inverse...
voir ici

mais en cherchant, je crois que je suis en train de trouver ma solution (tiens, tiens, alors comme ça en cherchant on trouve ??? :D ) ... je vais aller voir du côté du layout... si d'ici là vous trouvez quelques chose, je prends !!

Bon, j'ai vu que c'était un "bug" d'IE, qui, dès que l'on indique une largeur et/ou une longueur fixe(s), ajoute un layout et donc "englobe" ma DIV "menu".

J'ai donc, pour l'instant, une solution qui marche :

- supprimer la width et height de mon header
- mettre un "spacer.gif" pour redonner la bonne taille à ma DIV "header"

C'est une solution brute de brute, et si quelqu'un en connait une autre, je prend...mais ça marche...

Merci !
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde