Positionnement OK en 1024 mais pas au-dessus ni en-dessous

Bonjour,

J'essaie de réaliser une page avec un design fluide s'adaptant à toutes les résolutions (ou beaucoup) et j'ai un problème avec ma boîte jaune qui se déplace selon les résolutions voir cette image:

Le positionnement que je recherche c'est celui de la version 1024x768, comment avoir le même résultat pour les autres résolutions ?

Ma page: http://jabe64.free.fr/r
Ma feuille de style: http://jabe64.free.fr/moteurs_de_recherche.css

Note: les couleurs criardes c'est uniquement pour les tests ma page n'est pas terminée.

Merci d'avance pour vos réponses.
Modifié par Jabe (10 May 2009 - 19:19)

Le comportement que tu obtiens est "normal".

Ta boite jaune est positionnée sur la droite du bloc vert et a une largeur fixe. Si tu veux qu'elle aille de la loupe à la fin du bloc vert, il faut lui donner une largeur en %.

Merci d'avoir répondu mais ça n'a pas résolu mon problème .

En fait je souhaiterais que ma boîte jaune soit collée juste derrière la loupe (et ne passe pas par-dessus en cas de résolution plus basse).

Je n'aurais peut-être pas du utiliser de float:right; je ne sais pas.

J'ai tenté d'insérer le code de ma boîte jaune juste après l'image de la loupe avant la fermeture de div (de "saisie") seulement il se met à la ligne du dessous.

Par contre quand j'enlève les <div> </div> du bloc jaune, la 1ère ligne de texte ("Recherche avancée") se colle exactement là où je veux (mais forcément n'a plus le formatage que je cherche, et la police étant plus grande, le reste du texte passe sur des lignes suivantes.

Aurais-tu d'autres suggestions ?