Supprimer un espace entre le forum et le bas de page

[Yomidopidop]

Bonsoir !

Je rencontre un problème sur mon forum. J'essaye de supprimer l'espace indiqué sur ma capture d'écran mais rien n'y fait.



Voilà mon code CSS :

Code:


/* bordure du forum */
.bodyline{
    border-right: 25px #B0AF73 solid;
        border-top: 0px #D49446 solid;
        border-bottom:0px #D49446 solid;
    border-left: 25px #B0AF73 solid;   }
.postdetails.poster-profile textarea { width: 200px;}
.postbody {
   display:block;
   padding-left:20px;
   padding-right:20px;
   text-align:justify;
}

tr.post span.gensmall { display: none; }
a:link,a:active,a:visited {
text-decoration: none;
}
tr.post span.gensmall { display: none; }

body{margin-top: -1px;}

body{margin-bottom: -1px;}

body { background-attachment: fixed;
background-repeat: no-repeat; background-position: top
center;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover{text-decoration: none !important;}

            /*CATEGORIE*/
  /*CATEGORIE*/
a.forumlink{
border-bottom:3px dotted;
display:block;
font-family:courier new;
font-size:17px;
font-weight:normal;
letter-spacing: -2px;
text-transform:uppercase;
}


a.forumlink:hover {
border-bottom:3px dotted;
display:block;
font-family:courier new;
font-size:17px;
font-weight:normal;
letter-spacing: -2px;
text-transform:uppercase;
}

/* QEEL */
.background{
background-repeat: no-repeat;
}

.partgroup{
padding-top:10px;
text-align:center;
}

.groupes{
background-color:#;
height:30px;
font-family:arial;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:5px;
font-weight: bold;
text-align:center;
text-decoration: none !important;
text-shadow:1px 1px 1px #2B343C;}

.cadredroit{
-moz-border-radius:10px;
}
.cadregauche{
-moz-border-radius:5px;
border-right: 1px dotted black;
}
body{margin-top: -1px;}

body{margin-bottom: -1px;}

a.mainmenu
{
font-family : courier new;
text-transform: uppercase;
font-size: 17px;
font-weight: bold;
}




.bordurevava{border: 5px solid white;
-moz-border-radius: 0px 15px 0px 15px;
text-align: center;
background-image:url(http://i41.tinypic.com/bdoz60.jpg);
width: 200px;
height: 320px;}

.bordurevava:hover{border: 5px solid #FB910E;
-moz-border-radius: 0px 15px 0px 15px;
text-align: center;
background-image:url(http://i41.tinypic.com/bdoz60.jpg);
width: 200px;
height: 320px;}

I{border-bottom:none; color:#C4BE4B;text-decoration: none
}


table.bodylinewidth{position: relative;
top: -10px;}


table.bodylinewidth{
bottom: -20px;}

a img{
opacity: 1;
}

a img:hover {
opacity: 1.1;
}

.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}


input,textarea, select {
  color : #42413A;
  font: normal 11px Verdana,Arial,Helvetica,sans-serif;
    border: #E37966;
    border-left-style: solid;
    border-left-width: 2.5px;
    border-right-style: solid;
    border-right-width: 2.5px;
    background-color: #F2F0F3;
-moz-border-radius: 10px 10px 10px 10px;
padding-left: 3px;
  }


input,textarea, select {
border: 1px dotted #E37966
}

u {
    text-decoration: none !important;
    }

.forumlink{
margin-left: 10px;
}



input,textarea, select {-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:20px;
border: 1px dotted #ffffff;}

.spoiler{
color: #D9D2CE;
font-family : tahoma;
}

.code{
color: #D9D2CE;
font-family : tahoma;
}

.quote{
color: #D9D2CE;
font-family : tahoma;
}

.pix
{border: none;opacity: 0.7;
background-color: transp;
padding:2px;
margin-top:2px;
margin-left:2px;
margin-right:2px;
border: 2px solid #DBD8BA;
-moz-border-radius: 5px;
}

.pix:hover
{border: none;opacity: 1;
background-color: transp;
padding:2px;
margin-top:2px;
margin-left:2px;
margin-right:2px;
border: 2px solid #C4BE4B;
-moz-border-radius: 5px;
}
.forumline{
background-color: #CFC1B8;
padding-left: 6px;
padding-right: 6px;
}


Merci d'avance à tous ceux qui pourront m'aider !

[Yomidopidop]

up (:

[Yomidopidop]

up ...

[Yomidopidop]

up

[Tiktak]

• Cela m'intéresse aussi ^^ Et si ce code marche aussi pour enlever la marge en haut je suis partante
  

[Fuox]

Bonjour,
Je serai également intéressé.
Pour la marge du haut, celle entre le logo et le haut de la page, il existe un code :

Code:

#i_logo {
margin-top:-30px;
}

[Anzu]

Bonjour,

Essayez ceci, je ne promets rien =>
Dans la CSS:

Code:

.bodyline {
margin-bottom: 0px
}

Cordialement.

[Fuox]

Merci d'avoir répondu, mais ça ne marche pas, même en ajoutant un point-virgule après "0px".

[Anzu]

Ha effectivement j'avais zappé le ";" > <

Ca a bougé un peu quand même ou pas du tout ?

[Fuox]

Non, pas du tout, même en modifiant la valeur du margin-bottom...

[Anzu]

Rajoutez ceci au cas où:

Code:

!important

[Fuox]

Ça ne donne rien non plus :S

[Kiirii]

Bonsoir,

Essayez d'ajouter ceci à la balise l'attribut BODY

Code:

body{
margin-bottom: 0;
}

[Fuox]

Ça marche, merci beaucoup à vous, Anzu et Kiirii, d'avoir répondu !

[Kiirii]

De rien :3.

N'oubliez pas d' votre message et de mettre

[JeVeuxSavoir]

Bonjour,

Ce post m'éviteras de faire une autre topic,
J'ai fais comme l'a dis Kiirii et pourtant ça n'a pas marché
Quelqu'un peut m'aider ?
Mon CSS:

Code:

body
{
background-color: #e8f0f4;
background-image: url();
background-position: top center;
background-repeat: repeat-x;
background-attachment:fixed;
margin-bottom: 0;
}

a
{
outline: none;
}

a:link
{
text-decoration: none !important;
}

a:hover
{
text-decoration: underline overline !important;
}

.bodylinewidth
{
width: 900px;
}

#i_logo
{
margin-top: -18px;
}

.mainmenu
{
padding-top: 4px;
padding-bottom: 10px;
padding-right: 4px;
}

a.mainmenu
{
background-color: #d3e4ec;
background-image: url(http://host.image.files.free.fr/host/4c4d23ff36ca3fond-mainmenu.jpg);
background-position: top;
background-repeat: repeat-x;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-radius: 6px 6px 0px 0px;
border-top: 1px solid #8dbcdd;
border-left: 1px solid #8dbcdd;
border-right: 1px solid #8dbcdd;
font-weight: bold;
color: #468bb1;
font-variant: small-caps;
font-size: 10px;
}

a.mainmenu:hover
{
text-decoration: none !important;
background-image: url(http://host.image.files.free.fr/host/4c4d245d9837ffond-mainmenu-hover.jpg);
color: #468bb1;
}

#page-body
{
background-color: #d3e4ec;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 2px 2px 2px #a1b6c5;
-moz-box-shadow: 2px 2px 2px #a1b6c5;
border: 1px solid #a1b6c5;
padding-top: 20px;
margin-top: 8px;
margin-bottom: 10px;
}

.forumline
{
max-width: 890px;
margin: auto;
background-image: url(http://host.image.files.free.fr/host/4c4d2752ed261fond-forumline.jpg);
background-position: top;
background-repeat: repeat-x;
background-color: #8dbcdd;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 5px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 10px;
}

table
{
max-width: 890px;
margin: auto;
}

.row1, .row2, .row3, .row3Right
{
-moz-border-radius: 5px;
border-radius: 5px;
padding4px;
border: none !important;
}

.thHead
{
border: none !important;
}

.thCornerL, .thCornerR, .thTop
{
border: none !important;
}

.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
border-top: 1px solid #73a2c3 !important;
}

.catLeft, .catRight
{
border: none! important;
}

th
{
color: #3C627D;
font-variant: small-caps;
letter-spacing: 1px;
text-shadow: 1px 1px 2px #4b6b81;
}

.catHead
{
border: none !important;
}

.catBottom
{
border: none !important;
}

.cattitle
{
margin-left: 20px;
font-variant: small-caps;
}

a.forumlink
{
letter-spacing: 2px;
font-variant: small-caps;
}

a.forumlink:hover
{
text-decoration: none !important;
}


.code
{
border: 2px inset #8dbcdd;
padding: 5px;
background-color: #d3e4ec;
color: #507c9b;
}

.quote
{
border-radius: 6px;
-moz-border-radius: 6px;
padding: 5px;
background-color: #d3e4ec;
-moz-box-shadow: 3px 3px 3px #7597af;
box-shadow: 3px 3px 3px #7597af;
color: #507c9b;
}

.spoiler_closed
{
background-color: #d3e4ec;
border-radius: 6px;
-moz-border-radius: 6px;
border: 2px solid #8dbcdd;
}

.spoiler_content
{
background-color: #d3e4ec;
border-radius: 6px;
-moz-border-radius: 6px;
border: 2px solid #8dbcdd;
color: #507c9b;
padding: 4px;
}

.postbody
{
text-align: justify;
padding: 3px;
font-size: 11px;
line-height: 16px;
}

#page-footer
{
width: 980px;
height: 120px;
margin-bottom: -18px;
}

#page-footer a
{
font-size: 10px;
text-decoration: none !important;
}

Une âme charitable ?

[Kiirii]

Bonsoir,
Normalement il vaut mieux créer un autre topic mais bon...

Dans votre css margin-bottom:0; n'apparaît pas, j'ai ceci moi:

Code:

body { background-attachment: fixed; background-repeat: no-repeat; background-position: top center;}
.linklist
{
display:none;
}
.postbody div a{color:lightblue;}
a {
text-shadow: Xpx Ypx Apx #CODE_COULEUR;
}
a:hover{
letter-spacing : 2px; }
a:hover {
font-variant: small-caps;
}
table.bodylinewidth
{
position: relative;
top: -9px;
}
.postprofile { text-align: center; }
.navbar ul{border-bottom:none;}
#search-box{height:1px;visibility:hidden;}
.search-box{visibility:hidden;}
.nav { text-align: center; }
.page-title{ text-align: center;text-decoration :underline; }
.postprofile a img{
background-color:#DCDCDC;
border: 3px solid #DCDCDC;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;}
#wrap {-moz-border-radius:8px;}
-webkit-border-radius:8 px;
-border-radius:8 px;
-khtml-border-radius:8 px;
#wrap {border:5px ;
}

Essayez d'ajouter ceci à l'attribut BODY:

Code:


body{
margin-bottom: 0;
padding-bottom: 0;
}


Validez