Pourquoi mon div va à la ligne ?
raph_egg
Messages postés
1
Statut
Membre
-
mpmp93 Messages postés 2931 Date d'inscription Statut Membre Dernière intervention -
mpmp93 Messages postés 2931 Date d'inscription Statut Membre Dernière intervention -
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 :
le code css :
Merci d'avance pour vos réponses
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
-
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+
