Pourquoi mon div va à la ligne ?

Fermé
raph_egg Messages postés 1 Date d'inscription jeudi 28 juillet 2011 Statut Membre Dernière intervention 28 juillet 2011 - 28 juil. 2011 à 14:35
mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 - 28 juil. 2011 à 14:49
Bonjour,

j'ai un problème, ma div "contenu_principal devrait être à la même haute que "picture", or elle se me à la ligne.

la partie du code php :

<body>
<div id="wrapper">
  <?php echo "<P ALIGN=\"CENTER\">(CONTENEUR PRINCIPAL)<P>";?>  
  
    <div id="picture">
      <?php echo "<P ALIGN=\"CENTER\">(ICI L'IMAGE)<P>";?>  
    </div>
    <div id="contenu_principal">
      <?php echo "<P ALIGN=\"CENTER\">(ICI LE CONTENU PRINCIPAL)<P>";?>
    </div>
  
</div></body>



le code css :

#picture {
  background : black ;
  width : 200px ;
  height : 400px ;
  margin-top: 10px ;
  margin-left: 10px ;
  border: 1px solid #fff;
}
#contenu_principal {
  background : black ;
  width : 200px ;
  height : 400px ;
  margin-top: 10px;
  margin-left: 10px ;
  border: 1px solid #fff;
}


Merci d'avance pour vos réponses

1 réponse

mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
28 juil. 2011 à 14:49
Bonjour,

DIV est un conteneur de type bloc, au même titre que P ou TABLE...

Il faut revoir votre hiérarchie des éléments qui est trop lourde. Il y a moyen de se passer des DIVs dans votre code:

<body>
  <header>
  (CONTENEUR PRINCIPAL)  
  
     (ICI L'IMAGE)
  </header> 
  <article>
(ICI LE CONTENU PRINCIPAL)
    </article>
  
</body>



et le css qui va bien:

body header {
     display: block;
     text-align: center;
}

body header img {
     float: right;
}

body article {
     display: block;
     text-align: center;
}


A+
0