Problem de largeur
RomainGA
Messages postés
130
Date d'inscription
Statut
Membre
Dernière intervention
-
Utilisateur anonyme -
Utilisateur anonyme -
bonsoir a tous,
nouveau dans la "programmation web" je fais un site pour postuler dans une école.
le problème est le suivant:
j'aimerais que la bar bleu <div class="blueback> fasse TOUTE la largeur de la page.
code html:

nouveau dans la "programmation web" je fais un site pour postuler dans une école.
le problème est le suivant:
j'aimerais que la bar bleu <div class="blueback> fasse TOUTE la largeur de la page.
code html:
<body>
<nav>
<ul>
<li><a href="#">A PROPOS</a></li>
<li><a href="#">VEILLES</a></li>
<li><a href="#">PROJETS</a></li>
<li><a href="#">STAGES</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
<div class="blueback">
<p>bonjour</p>
</div>
</body>
<code>
codes css:
<code>
.blueback {
background-color: blue;
background-size: 100%;
}

1 réponse
-
Bonjour
C'est que le navigateur applique par défaut une certaine margin au <body>.Réduis cette marge à 0 en rajoutant dans le CSS :body { margin:0; }
Apprends à te servir de la console de ton navigateur, (clic droit sur ta div, examiner l'élément). Ça t'aidera beaucoup à comprendre ce qui se passe avec le CSS.