(reprise du message précédent)
Ca commence a venir ! C'est quand même mieux quand le code est propre et qu'il n'y a pas plein de lignes parasites !
En ce qui concerne ton fond saumon (j'aime pas la couleur mais bon) tu ne le vois pas parceque ta liste de definition (dt dl etc...) à l'attribut float. Or si tu regardes le lien que je t'ai donné concernant les positionnements tu verras qu'un élément en float ne fait pas partie de ta page en tant que tel (si je puis dire). En fait dans ton code comme il est ecrit, la div avec le fond saumon ne contient virtuellement rien puisuqe les éléments float sont hors de la mise en page (par definition).
Donc pour expliquer au navigateur que la div saumon doit contenir les flottants on utilise un subterfuge qui consiste à créer par exemple :
De cette facon le navigateur sait que tout ce qui est entre le debut de la div saumon et ce br doit être affiché dans la div saumon ! C'est pour cela que je t'invitais a regarder les propriétés clear. Dans leur usage strict la propriété clear sert en fait à sortir du flux provisoire créer par des éléments en float.
Cependant dans ta mise en page (ne sachant pas que tu ferais ce style de gallerie) les éléments sont deja en float à savoir : le menu droit le menu gauche et la div conteneur. Un clear both met donc la pagaille dans la mise en page.
Une solution qui oblige a reprendre un peu le code est de mettre le menu gauche et droit en position: absolute (comme dans l'exemple des gabarits de ce site dont je t'ai mis le lien). De cette manièreil n'y aura qu'un seul flux celui des images et il te sera alors aisé d'utiliser cette propriété clear.
Enfin je te recommande d'adopter une charte graphique beaucoup plus simple et plus harmonieuse. Normalement 2 couleurs de fonds plus le header suffisent pour mettre en évidence le contenu du site. Multiplier les couleurs n'est pas forcemment une bonne solution. Surtout celle que tu choisis
. Un orange tranché avec du violet, du rouge, du jaune pale, du bleu turquoise, du noir, etc.. Ca fait beaucoup. M'enfin si tu aimes, libre a toi
Ca commence a venir ! C'est quand même mieux quand le code est propre et qu'il n'y a pas plein de lignes parasites !
En ce qui concerne ton fond saumon (j'aime pas la couleur mais bon) tu ne le vois pas parceque ta liste de definition (dt dl etc...) à l'attribut float. Or si tu regardes le lien que je t'ai donné concernant les positionnements tu verras qu'un élément en float ne fait pas partie de ta page en tant que tel (si je puis dire). En fait dans ton code comme il est ecrit, la div avec le fond saumon ne contient virtuellement rien puisuqe les éléments float sont hors de la mise en page (par definition).
Donc pour expliquer au navigateur que la div saumon doit contenir les flottants on utilise un subterfuge qui consiste à créer par exemple :
.clearboth{clear:both}
et on peut mettre dans le XHTML
<br class="clearboth" />
De cette facon le navigateur sait que tout ce qui est entre le debut de la div saumon et ce br doit être affiché dans la div saumon ! C'est pour cela que je t'invitais a regarder les propriétés clear. Dans leur usage strict la propriété clear sert en fait à sortir du flux provisoire créer par des éléments en float.
Cependant dans ta mise en page (ne sachant pas que tu ferais ce style de gallerie) les éléments sont deja en float à savoir : le menu droit le menu gauche et la div conteneur. Un clear both met donc la pagaille dans la mise en page.
Une solution qui oblige a reprendre un peu le code est de mettre le menu gauche et droit en position: absolute (comme dans l'exemple des gabarits de ce site dont je t'ai mis le lien). De cette manièreil n'y aura qu'un seul flux celui des images et il te sera alors aisé d'utiliser cette propriété clear.
Enfin je te recommande d'adopter une charte graphique beaucoup plus simple et plus harmonieuse. Normalement 2 couleurs de fonds plus le header suffisent pour mettre en évidence le contenu du site. Multiplier les couleurs n'est pas forcemment une bonne solution. Surtout celle que tu choisis

