Width 100% lorsqu'on réduit la fenêtre du navigateur

[safaeA]

Bonjour,
Je suis entrain de développer un site web avec deux bandeaux:
- un bandeau en haut(header) qui va contenir le logo
- un autre bandeau en bas(en-tête) qui va contenir les droits auteur
mon problème est quand je réduit la fenêtre du navigateur, le width de mes bandeaux change
est ce que quelqu'un a une idée ?!
j'ai essayé d'utiliser max-width et min-width mais toujours le même problème

mon css:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
html, body {
	margin:0%;
	padding:0%;
	height:100%;
	width:100%;
	background-color:#ece9dc;
}
 
.bandeaulogo {	
	background-color:#060606;
	height:70px;
	width:100%
}

et merci

[kéraunos]

Salut,

N'oublie pas le ; après width:100% dans .bandeaulogo, on ne sait jamais.

Pourrais-tu fournir, en plus, le code HTML pour que l'on puisse t'aider ?
(au passage, tu peux utiliser les balises [*code]...[*/code], sans les *)

Ton problème n'apparaît pas clairement, en fait. Si la largeur de ton bandeau est définie en %, elle est relative à celle de son contenant. Si ce même contenant est body, qui lui-même occupe 100% de la fenêtre du navigateur, il n'est pas anormal que la largeur de ton bandeau varie en fonction de celle de la fenêtre.

A moins que je n'aie rien compris.

[safaeA]

bonjour,
en css ce n'est pas grave de ne pas mettre ; a la dernière ligne car il y a l'accolade fermante.

voici un exemple de ce que je veux faire =>

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<style>
 
html, body {
margin:0%;
padding:0%;
height:100%;
width:100%;
background-color:#ece9dc;
}
 
.bandeaulogo {	
	background-color:#060606;
	height:70px;
	width:100%
}
 
.footer { height:41px;}
 
.txt {
	margin:0 auto;
	width:840px;
	height:41px;
	font-size:12px;
	color:#ffffff;
	font-family:"Univers";
	font-style:"regular";
	text-align:left;
	padding-top:10px;
}
</style>
 
<div class="bandeaulogo header"><div class="txt">image du logo</div></div> 
 
<br />
 
<div class="bandeaulogo footer"><div class="txt">texte footer</div></div>

donc si on réduit la fenêtre du navigateur, les deux bandeaux n'en plus un width a 100%

[NoSmoking]

Bonjour,
pas sûr d'avoir bien compris mais je me lance...
ton bandeaulogo et footer font bien 100% mais comme tu fixes une valeur de 840px pour la class text de la DIV qui est inclus dans la DIV avec class bandeaulogo une scrollBar apparaît dès que la largeur de la fenêtre fait moins de 840.

[safaeA]

Oui tu as raison, une scrollBar apparaît dès que la largeur de la fenêtre fait moins de 840. et le bandeau noir n'est plus a 100%width.
Je sais que si j'enlève le width de ma class txt le bandeau reste tout le temps a 100% mais c'est ça mon problème je dois fixer la largeur de la class txt pour la mise en forme de ma page.

[kéraunos]

Eh bien fixe la largeur de ta classe .txt à 840px.
Et si tu ne souhaites pas avoir de scrollbar lors de la réduction de la fenêtre, c'est max-width: 840px qu'il faut écrire.

[NoSmoking]

Envoyé par safaeA

Oui... ...et le bandeau noir n'est plus a 100%width.

il est à 100% de la largeur de son parent qui en l'occurrence est la fenêtre

Envoyé par safaeA

Je sais que si j'enlève le width de ma class txt le bandeau reste tout le temps a 100% mais c'est ça mon problème je dois fixer la largeur de la class txt pour la mise en forme de ma page.

essaies peut être de mettre un min-width : 840px sur les bandeaux, je dois admettre que je me perd un peu...