Blog : colonne qui ne "descend" pas jusqu'en bas - HTML/CSS - Programmation
Marsh Posté le 19-04-2008 à 18:31:06
la seule méthode est de "tricher" et il te suffit de mettre "#FFFFCC" comme couleur de fond de container
Marsh Posté le 19-04-2008 à 18:59:08
Justement, mon souhait est de trancher entre le container et les colonnes.
Ce qui m'étonne, c'est que ça fonctionne très bien sur d'autres blogs, mais par sur le mien alors que j'ai laissé la feuille de style par défaut.
Il n'y a donc pas possibilité de placer par exemple cette colonne de gauche dans une autre div à gauche qui elle par défaut occupe toute la place allouée avec une couleur prédéfinie?
Je suis sceptique là dessus...
Merci en tous les cas
Marsh Posté le 19-04-2008 à 18:01:00
Bonjour à tous,
J'ai créé un blog pour suivre mes 5 mois aux USA. J'ai utilisé un blog canalblog qui me semble assez complet, et intuitif.
Je suis passé en mode avancé pour être un peu libre au niveau du layout, etc.
Cependant, je rencontre un problème, mes deux colonnes gauche et droite ne descendent pas jusqu'en bas, dans le sens où leur couleur s'arrête en plein milieu de page (après la dernière écriture).
Dessous, on retrouve alors la couleur du content, ce qui n'est vraiment esthétique.
Y aurait il une méthode pour contourner ce problème?
Je vous laisse le code CSS de la feuille de style, ainsi que le lien du blog :
body {
margin: 0px 0px 0px 0px;
text-align: center;
background-color: #000033;
}
#container {
width: 1002px;
padding: 0px;
background-color: #FFFFFF;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 1px;
border-color: #000000;
margin-right: auto;
margin-left: auto;
}
#content {
float: left;
width: 620px;
background-color: #FFFFFF;
border-top-style: none;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-width: 1px;
border-color: #99B2CC;
overflow: hidden;
}
#rightbar {
float: left;
width: 180px;
background-color: #FFFFCC;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #FFFFCC;
overflow: hidden;
}
#leftbar {
float: left;
width: 200px;
background-color: #FFFFCC;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #FFFFCC;
overflow: hidden;
}
Lien vers mon blog : http://pennsylvanie.canalblog.com/
Quoi qu'il en soit, merci beaucoup.
Message édité par Fiiies1 le 19-04-2008 à 18:11:15