28172 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai modifié mon thème de forum phpbb (http://www.forum-guitare.fr/) pour rajouter un bloc de recherche en haut à droite.

Sous firefox tout est ok, alors que sous IE le bloc me mange la bannière (menu) d'en dessous (fond noir).

Définition du bloc recherche :


    #search-box {
       color: #FFFFFF;
       margin-right:10px;
       position: relative;
       top: -35px;
       right: 0px;
       display: block;
       float: right;
       text-align: right;
       white-space: nowrap; /* For Opera */
    }



Code html :


    <div id="search-box">
                            <form action="{U_SEARCH}" method="post" id="search">
                            <fieldset>
                            <img src="{T_THEME_PATH}/images/searchleft.png" style="margin-right:-2px;" alt="" /><input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /><input class="searchbutton" value="" type="submit" />
                            {S_SEARCH_HIDDEN_FIELDS}
                            </fieldset>
                            </form>
                         </div>



Comment remédier à ce problème ?
Merci de vos réponses
Salut,

Surement un problème de marge négative (-35px).
Tu devrais positionner plutôt ton bloc recherche en absolute avec ton bloc banniere en relative ce qui te permettrait d'éviter les marges négatives.
Modifié par ghost (30 Jul 2008 - 09:33)
Merci de ta réponse, Ta solution marche, mais dés que je réduit la fenêtre, le bloc change de place.
Comment faire pour résoudre ce problème ? merci

Edit : J'ai réglé le problème en rajoutant un div pour le bloc recherche en position relative.

Merci de ton aide! Smiley cligne
Modifié par baloo738 (30 Jul 2008 - 19:37)