Je recrée un nouveau fil même si le problème est proche de l'ancien, parce que ça me semble plus clair comme ça.

Donc je suis toujours sur mon thème que j'essaie de créer :
http://www.audreyetjulien.fr/galerie/in … category/6

Le comportement que je voudrais obtenir :
(1) quand le menu est off, le bloc de miniatures est au milieu de la page.
(2) quand le menu est affiché, le bloc de miniatures se déplace sur la droite de la page.
(3) si la taille de la fenêtre est trop petite, c'est le bloc de miniature qui doit s'adapter.

J'arrive à avoir (1) et (2)... mais pas (3)
Si la fenêtre est trop étroite, le bloc de miniature est déplacé vers le bas.



Actuellement ma page est organisée comme ça :

#content : max-width 1080px / padding 20 de chaque côté
--- #menubar : block / max-width 160px + 20 de padding right / float:left

--- #subcontent : inline-block max-width 900px
------ .thumbnailCategories avec mes catégories affichées en float:left / pas de taille définie
------ #thumbnails_block avec mes catégories affichées en float:left / pas de taille définie

J'ai donc tout défini avec des max-width, pourtant les boites ne s'adaptent pas en fonction de la place dispo... ça se comporte exactement comme si je mettais width=...px

Si je change le display:inline-block de #subcontent par un display:block, la largeur du bloc est "mangée" par la menubar quand elle est affichée, au lieu de se pousser.


Bref ça ne marche pas comme il faut... je pense que la structure actuelle qui mélange block/inline-block et float est assez fouillie.
Mais je n'arrive pas à trouver de système qui fonctionne comme je veux.
J'ai essayé avec des table-cell mais je n'ai pas réussi à en tirer quelque chose.


Si certains d'entre vous ont des idées...