Bonsoir,

Je suis en train d'apporter quelques modifications à ma page pour qu'elle sois accessible depuis un maximum de configurations et pendant mes modifications j'ai rencontrer un problème :

J'ai dupliquer un bout de bordure en modifiant mon code CSS, j'ai placer cette bordure juste en dessous de mon header, la duplication fonctionne très bien, ma bordure apparaît parfaitement or un énorme espace est apparu entre la bordure et le contenu de la page...

Je ne trouve pas comment y remedier, j'espère que quelqu'un pourras m'aider, voici mon code CSS complet (bordertop.gif c'est ma bordure) :

html, body, p{

height: 100%;
width: 100%;
padding: 0;
margin: 0;
}

body {
background-color: #a3c296;
}

header{
padding:8% 0%;/*Marge verticale*/
background-color:#FFFFFF; /*Couleur de fond*/
text-align:center;/*texte centré*/
}

.centercolumn{
width:0px;/*Taille de la colonne centrée moins le padding*/
background-color:#FFFFFF;/*Couleur de fond*/
margin: auto; /*centrer la colonne*/
padding:0px;/*margin interne*/
}

1. content {

width: 55%;
color: #333;
border: 1px solid #c0c0c0;
background: white;
margin: auto;
padding: 3%;
height: 65%;
text-align: center;
}

footer{
padding:1% 0%;/*Marge verticale*/
background-color:#FFFFFF; /*Couleur de fond*/
text-align:center;/*texte centré*/
}

div.bordure-top {
background-image: url(bordertop.gif);
background-repeat: repeat-x;
width: 100%;
height: 100%;
margin:0 auto;

}

C'est la marge auto qui doit faire ça.

marche pas, il y a encore des espaces dans la page

J'ai réussi à enlever les espaes mais maintenant le texte HTML que je veux être sur la bordure ce retrouve juste en bas de celle-ci et pas dedans !!

.bordure-top {
padding-top: 74px;
background-image: url(bordertop.gif);
background-position: top;
background-repeat: repeat-x;
text-align:center;/*texte centré*/
}

up