[Problème] Positionner le champ de recherche tout à droite

[wd_newbie]

Bonjour,

Je cherche a placer le champ "recherche" tout à droite de la position "menu" sous Cassiopeia.

Le site est en mode d'affichage "colonne" dans les options du template, mais j'aimerais bien coller le champ à droite, de la position A --> B

Une idée ?

[Fred2FR3]

Hello,
Une petite piste :

.awesomplete {
  display: inline-block;
  position: absolute;
  z-index: auto;
}​

Mais alors juste une piste !

[wd_newbie]

... presque ... ... je me positionne bien à droite, mais il y a un débordement qui allonge le champs recherche sur 900 px environ ... c'est un peu ce que me donnaient mes tests

[Fred2FR3]

Le header etant fluid et pas la navbar, il faut donc isoler la div pour travailler avec en CSS dans user.css :
template/cassiopeia/index.php (il conviendrait donc de creer un thème enfant)

        <?php if ($this->countModules('menu', true) || $this->countModules('search', true)) : ?>
            <div class="grid-child container-nav">
                <?php if ($this->countModules('menu', true)) : ?>
                    <jdoc:include type="modules" name="menu" style="none" />
                <?php endif; ?>
                <?php if ($this->countModules('search', true)) : ?>
                    <div class="container-search">
                        <jdoc:include type="modules" name="search" style="none" />
                    </div>
                <?php endif; ?>
            </div>
        <?php endif; ?>
    </header>​

deviendrait

        <?php if ($this->countModules('menu', true) || $this->countModules('search', true)) : ?>
            <div class="grid-child container-nav">
                <?php if ($this->countModules('menu', true)) : ?>
                    <jdoc:include type="modules" name="menu" style="none" />
                <?php endif; ?>

// on sort de la div container-nav
            </div>
// on reste dans le header fluid

                <?php if ($this->countModules('search', true)) : ?>
                    <div class="container-search">
                        <jdoc:include type="modules" name="search" style="none" />
                    </div>
                <?php endif; ?>​
        <?php endif; ?>
    </header>​​

user.css

.container-header .container-search {
    float: right;
    margin: -50px 10px 10px 0;
}​

Ca fonctionne en local sur une v.5, y'a surement plus propre en CSS, mais c'est pas ma specialité