Tout le contenue de mes boxes décalent sous FireFox

Messagepar samia » Mer 26 Sep 2007, 10:07

Bonjour

SVP, j'ai tous bien mis en place sous IE6, mais quand je vésualise mon site avec FireFox j'ai le contenue des box qui décalent (Rq:j'ai travaillé sur Chrome).

je site par exemple un décalage du zone de texte du box "Rechercher" totalement à gauche sur FireFox.

je vous donne le code CSS que j'ai utilisé pour aligner le contenue de ce box:

#searchBox h4 {width:90px;height:48px;margin-bottom:0;padding:41px 0px 13px 65px;background: url(images/rechercher.jpg) repeat-y;}

#searchBox input {float:right;}
#searchBox input.submitBt {
border-width:0px;
width: 24px;
height: 15px;
background-color: #ffffff
border: 0px solid #000;
border:1px solid #F6EB3F;
}

#searchBox input{
background: #ffffff;
border:1px solid #F6EB3F;
width: 100px;
margin-left:20%;
}

Si vous pouvez m'indiquez c'est quoi l'incompatible pour FireFox, sachant que sur IE6 c'est bien affiché.


Merci d'avance pour toute aide.

Samia
samia
Membre actif
 
Messages: 72
Inscription: Ven 06 Juil 2007, 09:36

Messagepar cymbeline » Mer 26 Sep 2007, 11:00

Samia,

Le problème vient d'une prise en charge des margin et des padding différente entre IE et Firefox, il n'interprete pas les valeurs de la même façon.
Cela peut aussi venit du float : right, s'il n'y a plus assez de "place" il glisse le contenu en dessous et à gauche.

Regarde ici, il y a pleins de petites explications dans ce post : http://forums.oscss.org/viewtopic.php?id=769

++
cymbeline
Membre très actif
 
Messages: 265
Inscription: Mer 06 Sep 2006, 20:01
Localisation: Nevers


Retourner vers Design

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités

cron