28220 sujets

CSS et mise en forme, CSS3

Bonjour,

Je sèche sur un problème. J'indique ce que je voudrais dans l'image jointe.
Il s'agit de l'en-tête du'un site. A la base, il y a 2 blocs, un à gauche avec le logo, qui a le style float:left et à droite, le titre et le menu horizontal contenus dans un bloc avec float:right. Jusqu'ici pas de problème.

Dans le bloc de droite, j'ai le titre dans un <div> aligné à droite. En dessous, le menu qui me pose problème. Il est constitué lui-même de 2 sous-blocs :
- le menu lui-même avec float:left
- le formulaire de recherche avec float:right.
de façon à ce que si la page est en 800x600, le formulaire de recherche se place sur une nouvelle ligne, mais toujours à droite.

Le problème est que l'ensemble du menu, les 2 sous-blocs, se place sous le logo et non pas à sa droite.

J'ai essayé de faire des positionnements absolus avec des largeurs en %, mais là c'est la cata lorsque je modifie la largeur de la fenêtre, car j'ai une image à gauche (donc largeur fixe).

Merci pour votre aide...

upload/5299-schemaentet.png