28173 sujets

CSS et mise en forme, CSS3

[débutant] Problème d'espace entre deux div !

Bonjour,

je débute en CSS, j'ai beaucoup lu les articles d'alsacreations, mais je rencontre un problème avec deux div.

Je m'explique :

Je souhaite mettre une image qui prenne toute la largeur de ma page.
Cette image est coupée en deux, à gauche une image de 600 pixel, à droite une image de 10 pixels qui doit s'étirer sur le reste de la largeur de la page.

Pour cela je met deux div en mode float:left.

Pour l'étirement de la deuxième image je fait comme indiqué dans la FAQ d'Alsacreations : ici

Mais voila le problème est que j'obtiens un petit espace entre les div que je ne veux absolument pas (Avec Internet Explorer).

Pouvez vous m'aider ?
D'avance merci beaucoup de la part d'un débutant !

Voici mon code :


* {
  margin: 0px;
  padding: 0px;
  font-size:0px;
}

#fond1 {
  float: left;
  background-color: #AAAAAA;
}

#fond2 {
  height: 150px;
  background-color: #CCCCCC;
}

#fond2 img{
  width:100%;
  height:100%;
}



<body>
  <div id="fond1">
    <img src="./images/index_menu/image_gauche.jpg" alt="" />
  </div>
  <div id="fond2">
    <img src="./images/index_menu/image_droite.jpg" />
  </div>
</body>

Modifié par dymezac (05 Nov 2006 - 22:12)
bon voila jai uploadé ta page sur ifrance
voila ==> http://titoinou.ifrance.com/essai/essai2.htmlbon je ne comprend pas très bien ce que tu veux fair et qu'est ce que l'étoile dans ton CSS ???
PS: jai remplacé image gauche par le logo google et image droite par une image de microsoft Smiley cligne
Modifié par titoinou (03 Nov 2006 - 11:55)
bonjour,

merci beaucoup pour l'aide. malheureusement ça ne marche pas.
Il y a toujours un petit espace entre les deux images. Avec votre exemple on ne le voit pas car l'image de google est blanche mais avec deux images d'une autre couleur on le voit bien : il y a un petit espace entre les deux images.. Je n'arrive pas à l'enlever.

P.S. : désolé pour le retard dans ma réponse
P.S.2 : merci pour le lien, je l'ai corriger
Modifié par dymezac (05 Nov 2006 - 22:13)
Sujet clos
Aller à