Problem de largeur

Fermé

RomainGA Messages postés 109 Date d'inscription mardi 4 juillet 2017 Statut Membre Dernière intervention 20 avril 2024 - 14 déc. 2017 à 21:22
Utilisateur anonyme - 14 déc. 2017 à 22:00

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:



<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
Supprimer une page word - Guide
Word numéro de page 1/2 - Guide
25 000 signes combien de pages ✓ - Forum Bureautique
Traduire la page - Guide

1 réponse

Réponse 1 / 1

Utilisateur anonyme
Modifié le 14 déc. 2017 à 22:01

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.

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page

[référencement] Ne pas être référencé

Chemin Logo du site de la Cité de l'espace

Menace "Interpol" après webcam coquine

Résolution d'une image 500 pixels largeur

Discussions similaires

Newsletters