PROBLEME COULEUR FONDS
Résolu
louis1984
Messages postés
341
Date d'inscription
Statut
Membre
Dernière intervention
-
louis1984 Messages postés 341 Date d'inscription Statut Membre Dernière intervention -
louis1984 Messages postés 341 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai fait un CSS pour toutes mes pages. J'ai juste un petit probleme car la couleur de fonds ne s'affiche pas totalement sur mes pages. Il y a une sorte de marge en haut, en bas, a gauche et a droite... je n'arrive pas a remplir cette marge avec la couleur du fonds..
Voici un lien vers mon site en construction (je vous previens c'est moche, j'ai mis plein de couleurs pour m'y retrouver avec le CSS...!):
http://www.izimo.eu
Voici mon CSS:
@charset "utf-8";
/* CSS Document */
div {
text-align:left;
background-color:#33FF00;
}
div#site {
width:100%;
height:100%;
background-color:#FF33FF;
}
div#cadre {
width:100%;
height:100%;
background-color:#CC0033;
margin-left: 5%;
margin-right: 5%;
margin-top: 5%;
margin-bottom: 5%;
}
div#cadre2 {
width:100%;
height:100%;
background-color:#66CCFF;
}
div#menu {
width:100%;
height:10%;
background-color:#FFFFCC;
}
div#marge {
width:100%;
height: 1%;
background-color:#660066;
}
div#colonne_gauche {
float:left;
width:10%;
height:60%;
background-color:#00FF99;
}
div#contenu {
float:left;
width:68%;
height:60%;
background-color:#33CCFF;
}
div#colonne_droite {
float: right;
text-align: right;
width: 22%;
height:60%;
background-color:#CCFF99;
}
div#piedpage {
width:100%;
height:20%;
background-color:#CC99FF;
clear:both;
}
Si quelqu'un pouvait m'aider a afficher la couleur de fond totalement sur mes pages, sans cette marger ce serait sympa.
PS: Je suis debutant, merci de ne pas critiquer le site! lol
Merci
J'ai fait un CSS pour toutes mes pages. J'ai juste un petit probleme car la couleur de fonds ne s'affiche pas totalement sur mes pages. Il y a une sorte de marge en haut, en bas, a gauche et a droite... je n'arrive pas a remplir cette marge avec la couleur du fonds..
Voici un lien vers mon site en construction (je vous previens c'est moche, j'ai mis plein de couleurs pour m'y retrouver avec le CSS...!):
http://www.izimo.eu
Voici mon CSS:
@charset "utf-8";
/* CSS Document */
div {
text-align:left;
background-color:#33FF00;
}
div#site {
width:100%;
height:100%;
background-color:#FF33FF;
}
div#cadre {
width:100%;
height:100%;
background-color:#CC0033;
margin-left: 5%;
margin-right: 5%;
margin-top: 5%;
margin-bottom: 5%;
}
div#cadre2 {
width:100%;
height:100%;
background-color:#66CCFF;
}
div#menu {
width:100%;
height:10%;
background-color:#FFFFCC;
}
div#marge {
width:100%;
height: 1%;
background-color:#660066;
}
div#colonne_gauche {
float:left;
width:10%;
height:60%;
background-color:#00FF99;
}
div#contenu {
float:left;
width:68%;
height:60%;
background-color:#33CCFF;
}
div#colonne_droite {
float: right;
text-align: right;
width: 22%;
height:60%;
background-color:#CCFF99;
}
div#piedpage {
width:100%;
height:20%;
background-color:#CC99FF;
clear:both;
}
Si quelqu'un pouvait m'aider a afficher la couleur de fond totalement sur mes pages, sans cette marger ce serait sympa.
PS: Je suis debutant, merci de ne pas critiquer le site! lol
Merci
A voir également:
- PROBLEME COULEUR FONDS
- Excel cellule couleur si condition texte - Guide
- Boite a couleur - Télécharger - Divers Photo & Graphisme
- Somme si couleur - Guide
- Comment mettre un fond de couleur sur libreoffice writer - Guide
- Comment mettre une couleur de fond sur word sur une seule page - Forum Bureautique
4 réponses
Bonjour louis1984,
Par défaut le body a une marge de quelques pixels.
Tu dois ajouter en début de ton css:
body {
margin: 0px;
padding: 0px;
}
A+
Eric
http://www.ameliorer-votre-site.com?s=f1
Par défaut le body a une marge de quelques pixels.
Tu dois ajouter en début de ton css:
body {
margin: 0px;
padding: 0px;
}
A+
Eric
http://www.ameliorer-votre-site.com?s=f1
Bonjour Eric,
Je viens d'essayer et ca marche parfaitement.
T'es le meilleur!! Merci pour ta reponse rapide!!
A++
Je viens d'essayer et ca marche parfaitement.
T'es le meilleur!! Merci pour ta reponse rapide!!
A++