Problem de largeur

RomainGA Messages postés 110 Date d'inscription Statut Membre Dernière intervention -
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="#"></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
Quelles sont les 2 orientations possibles d'une page d’un document numérique ? - Guide

1 réponse

Réponse 1 / 1

Utilisateur anonyme

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 e avec le CSS.

Discussions similaires

Voxbone ? qui est-ce ?

Durée d'une diapositive animée

35 GO à l'étranger

Votre réponse

Discussions similaires