Bonjour à toutes et tous,
Je suis encore débutant en HTML5 / CSS3, je galère encore sur quelques bases, et je suis nouveau sur ce forum (oui ça fait beaucoup)
Mon problème aujourd'hui est simplement que je souhaite placer deux blocs de texte côte à côte, 50/50, avec une couleur pour chaque. Seulement, le texte à l'intérieur est très long, donc obligation de scroller. Seulement, je n'arrive pas à faire en sorte que la couleur suive jusque tout en bas de la page, à la même hauteur, dans le sens où soit la couleur s'arrête à la fin du texte (donc pas au même endroit), soit elle s'arrête au niveau de la taille de la fenêtre).
Voici mon HTML (le body) :
Et mon CSS :
Une suggestion ? ^^
Voilà voilà, merci d'avance
Modifié par Twades (23 Oct 2016 - 21:22)
Je suis encore débutant en HTML5 / CSS3, je galère encore sur quelques bases, et je suis nouveau sur ce forum (oui ça fait beaucoup)
Mon problème aujourd'hui est simplement que je souhaite placer deux blocs de texte côte à côte, 50/50, avec une couleur pour chaque. Seulement, le texte à l'intérieur est très long, donc obligation de scroller. Seulement, je n'arrive pas à faire en sorte que la couleur suive jusque tout en bas de la page, à la même hauteur, dans le sens où soit la couleur s'arrête à la fin du texte (donc pas au même endroit), soit elle s'arrête au niveau de la taille de la fenêtre).
Voici mon HTML (le body) :
<body>
<div id="partun"> <p> Long texte n°1 </p> </div>
<div id="partdeux"> <p> Long texte n°2 </p> </div>
</body>
Et mon CSS :
html, body{
height:100%;
}
#partun{
background-color:#58ACFA;
width:50%;
height:100%;
float:left;
}
#partdeux{
background-color:#D8D8D8;
width:50%;
height:100%;
float:right;
}
Une suggestion ? ^^
Voilà voilà, merci d'avance
Modifié par Twades (23 Oct 2016 - 21:22)
