Felipe a vu clair dans mon jeu !
Mais c'est vrai que pour une site d'art/photo ca peut etre intéressant de laisser une largeur a 100% tout le temps... a voir car pour moi la photo de fond est un peu floue la en plein écran...
Pour ce qui est de ton header ce qui te posait problème a la base. Oublie l'image noire de 1920px pour un fond, css fait ca très bien avec
background-color:#000000;
AU niveau du HTML tu as une structure comme ca :
<header>
<div id="header">
<img src="ressources/header_fond.jpg" alt="en-tête" id="header" />
</div>
</header> /*sous firebug header est bien fermé mais quand je regarde le code source il y a une fermeture de div à la place de la fermeture du header, a vérifier*/
<nav>
<div id="entete">
/* [...] */
</div>
</nav>
Tu te compliques la vie je trouve. Déjà un div sert principalement à regrouper plusieurs éléments alors mettre seulement une image dans un div est un peu inutile, autant coller le #id a ton image et la placer directement.
Outre cela tu peux regrouper ton menu et le header. En fait ici ton header n'est que le fond de ton nav...
Pour le menu je te conseille de suivre ce tuto :
http://www.alsacreations.com/tuto/lire/574-Creer-des-menus-simples-en-CSS.html
qui remplacera tes <div> <a href> et <img> assez simplement et proprement par une liste. (d’ailleurs ici aussi, utiliser une image d'un trait blanc peut très bien se faire directement en css via les "border-")
Donc en gros tu n'auras plus que :
<header>
/*la a voir ce que t'y met*/
</header>
<nav>
<ul id="menu">
/* [...] */
</ul>
</nav>
Et nav aura dans son css un
width:100%;
background-color:#000000;
Vu que ton menu est dans nav, lorsque les titre seront décalé a la ligne en dessous par manque de place, nav prendra la bonne hauteur... et avec un fond noir
J’espère que ça aura au moins répondu en partie a tes attentes...
)