Sujet Précédent Sujet Suivant

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 6652 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

A voir également:

1 réponse

Réponse 1 / 1
mpmp93 Messages postés 6652 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

Discussions similaires

Que veut dire "correspondant occupé" lors d'un appel ?
veroaaa -
Pat -

10 réponses
Retour à la ligne tchat.
sartorius1108 -
momolapince -

5 réponses
Aller à la ligne sur iPhone ?
Smack -
Benvie -

6 réponses
Statut « en ligne » alors que non
GgBono -
Slickk -

1 réponse
Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses