Bonjour à tous !

J'ai un petit soucis (de débutant) et je n'arrive pas à trouver la solution.

J'ai un site dont la structure est comme sur l'image : http://www.hawaii.edu/lis/webteam/wo...s/image014.gif

Mon <div id="container"> est centré et le soucis que j'ai c'est que tous les div suivants (ses enfants) sont aussi centrés.

Je ne veux pas que mon <div id="banner"> soit centré, je veux qu'il prenne toute la largeur de la page, comment faire pour qu'il n'est pas la même largeur que son parent ? Je ne veux pas le sortir de son parent car la sémantique n'aurait plus aucun sens

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
 
<body>
 
    <div id="container">
      <div id="banner">
      </div>
      <div id="nav">
      </div>
     </div>
 
</body>
</html>

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
#container
{
  margin: 0 auto;
  width: 960px;
}