28220 sujets

CSS et mise en forme, CSS3

[résolu] 2 divs superposés

Bonjour,

Je n'aime (ne veux Smiley cligne pas faire de compromis pour Internet Explorer, mais là je me demande si ce n'est pas moi qui fait une erreur :

La structure et le style de ma page sont plus bas, en fait :
- j'ai un fond qui se repète sur le body
- j'ai ma page (blanche) qui est définie à 800px de large et centrée dans le navigateur
- j'ai une image (du lierre) de 100px de large et 700px de haut que je souhaite voir coller quelquesoit la taille de la fenêtre au bord gauche de ma page blanche

Tout fonctionne bien sur Mozilla FireFox, Safari, etc... mais pas sur I.E.

J'ai tenté de mettre un blanc incessable dans le div fond, de modifier mon style avec des div#fond #gabari { ... mais là c'est la catastrophe partout. si quelqu'un à une idée, merci.


<body>
   <div id="fond">
      <div id="gabari">
         ...
      </div>
   </div>
</body>


la feuille de style :



body {
 margin: 0;
 padding: 0;
 border: 0;
 background : #600 url(images/fond.gif) 0 0 repeat;
 font-family : Verdana, Helvetica, Arial, sans-serif;
 text-align: center;
}

#fond {
 margin: 5px auto;
 padding: 0;
 border: 0;
 width: 950px;
 background: url(images/lierre.gif)0 0 repeat-y;
}

#gabari {
 position: relative;
 margin: 10px auto;
 padding: 0;
 border: 0;
 width: 800px;
 background : #fff;
 text-align: left;
}

Modifié par jaas (21 Nov 2005 - 21:34)
jaas a écrit :
Bonjour,
J'ai tenté de mettre un blanc incessable dans le div fond, de modifier mon style avec des div#fond #gabari { ... mais là c'est la catastrophe partout. si quelqu'un à une idée, merci.


"C'est la catastrophe partout" : ah ! d'accord... si tu pouvais étayer quand même un peu, histoire juste qu'on sache quel est ton problème...?
Le problème est que sur I.E. le lierre n'apparait pas, ni même le div fond

Comme il fait 950px de large et gabari 800px, on devrait le voir dépassé sur les cotés (c'est ce qui se passe sur les autres navigateurs sauf sur I.E.)
il manque un espace à cette ligne là
background: url(images/lierre.gif)0 0 repeat-y;

Modifié par yyoupla (21 Nov 2005 - 17:08)
Sujet clos
Aller à