Bonjour tout le monde ,
j'administre un site (http://tv-planete.net46.net) mais j'ai un petit problème sur le design en css...
Sur les pages courtes , où il y a peu de contenu , le design est nickel !
http://nsa14.casimages.com/img/2010/03/03/mini_100303121706197957.png
En revanche , sur les pages longues , il y a un problème , la page est coupée ! mais le texte non , comment puis-je régler ce problème ?
http://nsa15.casimages.com/img/2010/03/03/mini_10030312173987877.png
Pour plus d'infos , voici le morceau du code css où il y a le "content" et la "page" :
Modifié par robinowned (03 Mar 2010 - 12:52)
j'administre un site (http://tv-planete.net46.net) mais j'ai un petit problème sur le design en css...
Sur les pages courtes , où il y a peu de contenu , le design est nickel !
http://nsa14.casimages.com/img/2010/03/03/mini_100303121706197957.png
En revanche , sur les pages longues , il y a un problème , la page est coupée ! mais le texte non , comment puis-je régler ce problème ?
http://nsa15.casimages.com/img/2010/03/03/mini_10030312173987877.png
Pour plus d'infos , voici le morceau du code css où il y a le "content" et la "page" :
/* Page */
#page {
width: 980px;
background: url(web_images/contentpage.png) repeat-x;
margin: 0 auto;
padding: 20px 0;
}
/* Content */
#content {
float: left;
width: 980px;
padding-top: 8px;
}
.post {
text-align: justify;
}
.post .title {
margin: 0;
border-bottom: 0px solid #1A1A1A;
}
.post .meta {
margin: 0;
padding-left: 0px;
background: url(images/img0500.gif) no-repeat left center;
color: #404040;
}
.post .meta a {
color: #404040;
}
.post .entry {
padding: 0px;
}
.post .more {
text-align: right;
}
.post .more a {
padding-left: 15px;
background: url(images/img06.gif) no-repeat left center;
text-decoration: none;
font-weight: bold;
}
.post .more a:hover {
text-decoration: underline;
}
.vline {
border-bottom: 0px solid #1A1A1A;
}
Modifié par robinowned (03 Mar 2010 - 12:52)