Je cherche désespérément à réaliser ce qui suit:
  • avoir un bandeau de 100px sur toute la largeur de la fenêtre
  • dans ce bandeau, 3 zones (gauche, centre, droite) dayant 100px de haut
  • la zone gauche, largeur 200px, positionnée à l'extrême gauche, contient une image cliquable
  • la zone groite, largeur 150px, positionnée à l'extrême droite, contient aussi une image cliquable
  • La zone centrale doit être liquide et contient du texte fourni par un cms (joomla); ce texte doit être centré horizontalement et verticalement dans la zone, et l'ensemble de la zone doit être cliquable. (pas seulement le texte)
  • Et pour finir, cela doit tourner aussi bien sous FF que IE...


J'ai déjà tout essayé, mais il me semble qu'il y a des incompatibilités, entre autre:
  • Le centrage vertical peut être réalisé par display-table, mais <a> ne peut pas contenir d'élément bloc.
  • La technique des float permet 3 colonnes dont une liquide, mais avec des éléments inline qui ne supportent pas "height" qui est indispensable pour le centrage vertical.


Quelqu'un aurait-il des sugestions à me faire? (je cherche depuis plusieurs jours, et je cale ! ! !)
Merci d'avance.
Christian.