Problem de largeur
RomainGA
Messages postés
110
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%;
}
A voir également:
- Paramétrez l'impression de ce document de telle sorte que les 5 colonnes occupent toute la largeur de la page (orientation portrait, format a4). combien de pages seront imprimées ?
- Spouleur d'impression - Guide
- Impossible de supprimer une page word - Guide
- Format epub - Guide
- Format factory - Télécharger - Conversion & Codecs
- Comment reduire la taille d'un document - Guide
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 :
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.
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.