Pourquoi mon div va à la ligne ?
raph_egg
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
mpmp93 Messages postés 6648 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
A voir également:
- Pourquoi mon div va à la ligne ?
- Aller à la ligne excel - Guide
- Partager photos en ligne - Guide
- Mètre en ligne - Guide
- Apparaitre hors ligne instagram - Guide
- Formulaire en ligne de meta - Guide
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:
et le css qui va bien:
A+
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+
