Etendre un background à la largeur d'un div

**jeanmarc7575** · 13/05/2009, 17h21

Bonjour,

mon problème en image...

J'aimerais que le background bleu aille jusqu'au bout de la fenetre.

Mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
#header_leiste {
	background-image: url(../img/background.jpg);
	background-repeat:repeat-x;
	height: 41px;
	width: 100%;
}
 
#logo {
	position: absolute;
	top: 15px;
	right: 15px;
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<body>
	<div id="header_leiste">
		´<div id="logo"><img src="img/chart.png"></div>
	</div>
	<div style="width:1000px; height: 500px;background-color: black;color: white;">test</div>
</body>

Merci de votre aide.

**devyan** · 13/05/2009, 17h41

Salut,

Normalement, il devrait suffire d'oter width:100% qui limite la largeur de ton DIV à celle de la zone visible du navigateur.

**Poulpynette** · 13/05/2009, 18h00

Bonjour jeanmarc7575,

Je te conseille d'utiliser les balises code pour une meilleure lisibilité de tes messages et de mettre un titre plus parlant la prochaine fois.

"Problème de CSS" : bah vi on se doute vu qu'on est dans le forum CSS

Sinon pour ton souci, j'ajouterais d'enlever également la hauteur fixe si le fait d'enlever la largeur ne suffit pas.

**jeanmarc7575** · 14/05/2009, 09h26

J'ai tenté d'enlever width: 100% mais en vain ...

**Macmillenium** · 14/05/2009, 09h32

Bonjour,

Enlève aussi le width:1000px et rajoute un margin:0 et padding:0 sur le body.

**Poulpynette** · 14/05/2009, 09h42

Envoyé par jeanmarc7575

J'ai tenté d'enlever width: 100% mais en vain ...

Et la hauteur fixe dont je parlais juste avant ? ^^

**jeanmarc7575** · 14/05/2009, 12h14

Le height je ne peux pas l'enlever il le faut !

Le width:1000px je peux pas non plus !

Le probleme se pose uniquement lorsque je reduit la fenetre du navigateur, lorsque je srcroll ver la droite pour voir le coté droit du div noir, le background du header ne suit pas !

Etendre un background à la largeur d'un div

Dimensionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager