28172 sujets

CSS et mise en forme, CSS3

[Résolu] Espaces qui prennent de la place

Bonjour à tous,

J'ai un soucis sur mes fichiers html, c'est à dire que mettons j'ai le code html suivant :
<body>
  <div class="container">
    <div id="div1">
      Mon contenu 1
    </div>
    <div id="div2">
      Mon contenu 2
    </div>
  </div>
</body>

Et le code css associé : 
.container {
  display: block;
  width: 100%;
}
#div1 { 
  display: inline-block;
  width: 25%;
}
#div2 {
  display: inline-block;
  width: 75%;
}

Il se trouve que les deux blocs sont censés se positionner l'un à côté de l'autre. Sauf qu'il ne le font pas Smiley decu mais si j'enlève les espaces et si je mets mes div directement l'une à la suite de l'autre comme ci-dessous, ca fonctionne !
<body>
  <div class="container">
    <div id="div1">
      Mon contenu 1
    </div><div id="div2">
      Mon contenu 2
    </div>
  </div>
</body>

Quelqu'un saurait il me dire pour qui ? pour quoi ? et comment y remédier car ca me prend la tête sur pas mal de mise en page :'(

Merci de votre attention.

Lulu
Modifié par Luleen (12 Sep 2014 - 15:25)
Alors par contre je l'ai ptet pas mis dans la bonne catégorie du forum, j'ai vu mise en page je me suis dis "hop" ca doit aller là.
Désolée si ce n'est pas au bon endroit Smiley ohwell
Sujet clos
Aller à