Bonjour,
Je souhaite créer un header et un footer prenant toute la largeur de la page quelque soit la résolution de l'écran.
Pour l'instant voici mon code :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
	<div class="deg">
	<table cellspacing="0" cellpadding="0" class="header" >
		<tr>
			<td class="logo"><img src="images/logo-2.png" alt="logo" /></td>
			<td class="ico"><img src="images/phone.png" alt="icone phone" /></td>
			<td class="tel">num tel</td>
			<td class="ico"><img src="images/mail.png" alt="icone mail" /></td>
			<td class="contact">Contact</td>	
			<td class="interro">?</td>
			<td class="apropos">A propos de <span class="font">l'entreprise</span></td>	
		</tr>
	</table>
	</div>
et le css associé :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
.deg
{
	background: #494848; /* Old browsers */
	background: -moz-linear-gradient(left, #494848 0%, #1d1d1d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#494848), color-stop(100%,#1d1d1d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #494848 0%,#1d1d1d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #494848 0%,#1d1d1d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #494848 0%,#1d1d1d 100%); /* IE10+ */
	background: linear-gradient(left, #494848 0%,#1d1d1d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494848', endColorstr='#1d1d1d',GradientType=1 ); /* IE6-9 */
	height:110px;	
}
 
.header
{
	height:110px;
	margin:0 auto;
}
Je suis en résolution 1600x900, et sur mon écran mon header prend bien toute la largeur de la page, mais dès que je réduis ma fenêtre (et que j'apercois l'ascendeur en bas) et que je navigue, mon header ce coupe et le reste est blanc, alors que je voudrais que mon dégradé continu.

Merci de vos réponses.