5545 sujets

Sémantique web et HTML

Bannière qui ne prend pas toute la largeur

Bonjour à tous
J'ai un petit soucis avec mon code CSS
Je souhaiterai que ma bannière grise tout en haut prenne toute la largeur de la page , or ce n'est pas le cas et je ne comprends pas pourquoi .
Quelqu'un a une idée ?
Merci d'avance

<!DOCTYPE HTML>

<html>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css">
<head>
<title> TP </title>
</head>

<body>
<div id="bloc_page">

<header>
<div id="banniere">
<h1 class="titre">Mon voyage en Asie</h1>
</div>

</header>








#bloc_page /* CORPS DE LA PAGE */
{
width:900px;
margin:auto;
}

#banniere
{
background: url(img01.jpg);
height: 60px;


}
Modérateur
Bonjour,

La bannière est à l'intérieur d'un bloc qui fait 900px de large. Donc déjà, elle fera au maxi 900px de large.

Ensuite, quelle taille fait img01.jpg ? Sans cette information, on ne peut rien conclure.

Eventuellement, on peut remplacer background: url(img01.jpg); par background: #ccc; pour voir si la bannière fait bien la largeur voulue (auquel cas, c'est la largeur de img01.jpg qui n'est pas adaptée).

Sinon, c'est que le problème est ailleurs.

Amicalement,
Bonjour,
background-size


Sinon, ton background s'affiche quand tu ne mets pas de guillemet pour le lien de l'image?
Sujet clos
Aller à