18041 sujets

Questions générales et questions de débutants

Problème avec un repeat-y

Bonjour à tous,

Je souhaiterais que les trois colonnes de mon blog s'étendent jusqu'en bas. Pour celà j'ai créer trois background. Le problème est que je ne sais pas à quel div les appliquer pour qu'il descendent tout en bas.

Le site en question : http://www.jeremyplasseraud.com/test
Ma CSS:



/********* GENERAL **********/

body {
margin: 0;
padding: 0;
background:#F2F2F2;
color: black;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:12px;
}

#header h1 {
text-indent: -5000px;
margin:0;
line-height: 0;
}

#page {
margin: 0 auto 0 auto;
width: 990px;
}

#content {
float: left;
width: 495px;
padding-left:5px;
margin-bottom: 20px;
margin-top:10px;
background-color:white;
}

.sidebar {
float: right;
width: 470px;
background-url [decu]'http://www.jeremyplasseraud.com/test/img/fondsidebar.jpg');
}

#footer {
font-size: 1em;
background:white;
padding: 10px 10px 0 0;
clear: both;
width: 980px;
}


/******* NAVIGATION *******/

#navigation {

margin: 0;
list-style-type: none;
background: #0D49FF url('http://www.jeremyplasseraud.com/test/img/menu.jpg') no-repeat;
padding-left:0px;
}

#navigation ul{
width:990px;

}

#navigation li {
display: inline;
padding-right: 20px;
padding-left: 20px;
}


.lien{
background: url('http://www.jeremyplasseraud.com/test/img/menuli.jpg') right center no-repeat;
}

li#search{
padding-left:100px;
}

#navigation a {
color: white;
text-decoration: none;
}

#navigation a:hover {
text-decoration: underline;
}

/******* BLOC RECHERCHE *******/
#searchform{
display:inline;
}

#formulaire{
display:inline;
}

#texte_search{
display:inline;
}

input#s{
border: 1px solid black;
color:black;
}

#searchsubmit{
border: 1px solid black;
width: 25px;
background-color:black;
color: white;
}

/******* SIDEBAR *******/


.sidebar ul{
margin: 0;
padding: 0 10px;
}

.left ul{
list-style-type:none;
padding-left:0;
padding-right:0;
margin:0;
}

.right ul{
list-style-type:none;
padding-left:0;
padding-right:0;
margin:0;
}

.left li{
padding:0;
margin:0
}

.right li{
padding:0;
margin:0;
}

.left{
width:300px;
float:left;
background:url(http://www.jeremyplasseraud.com/test/img/fondleft.jpg) repeat-y;
margin-left:10px;
}

.right{
width:180px;
float:right;
background:url(http://www.jeremyplasseraud.com/test/img/fondright.jpg) repeat-y;
background-repeat:repeat-y;

}

#moi h2{
color:#FF059B;
margin:5px;
font-size:14px;
font-weight:lighter;
}

#moi{
margin-top:10px;
margin-left:10px;
float:right;
width:480px;
background-color:white;
}

#commentaires ul{
list-style-type:none;
margin:0;
padding-left:10px;

}

#commentaires h2{
color:#FF059B;
margin:5px;
font-size:14px;
font-weight:lighter;
}

#commentaires{
width:480px;
padding-top:0;
margin-left:10px;
background-color:white;
float:right;
}

#commentaires a{
color:black;
text-decoration:none;
}

#commentaires	{
color:#525252;
}

#moi img{
margin-left:5px;
float:left;
}

#moi p{
text-align:left;
font-size: 11px;
display:inline;
}

h2.widgettitle{
color:#FF059B;
margin:5px;
font-size:14px;
font-weight:lighter;
}

#get_recent_comments_wrap{
margin-left:7px;
}


#get_recent_comments_wrap a{
color:black;
text-decoration:none;
}

.cat-item a{
color:black;
text-decoration:none;
}

#categories-186285221 li{
margin-left:7px;
}

.textwidget img{
display:block;
margin-right: auto;
margin-left: auto
}

#text-186308761 a{
color:black;
text-decoration:none;
}

.textwidget a{
margin-left:7px;
}

/******* FOOTER *******/
#footer p{
text-align: center;
font-size: 12px;
padding: 0 10px 20px 0;
}

#footer a{
color:black;
text-decoration:none;
}



/******* CONTENU *******/
.post h2 a{
color:#0D49FF;
text-decoration:none;
}

.post h2{
margin-top:5px;
margin-bottom:0;
}

.post_infos{
font-size:9px;
display:inline;
color:#999;
}

.post_infos a{
color:#999;
text-decoration:none;
}

.post_content a{
text-decoration:none;
color:#FF059B;
}

.post_content{
text-align:justify;
}

.comments a{
color:#0D49FF;
}

h3#nocomments{
color:#0D49FF;
}

h3#respond{
color:#0D49FF;
}
Merci d'avance !
Sujet clos
Aller à