28172 sujets

CSS et mise en forme, CSS3

Bonjour,

j'ai un ami qui est sur Linux, et il utilise FireFox comme browser.
Ce qui m'inquiète, c'est que chez lui, les input box de la box connexion s'étendent en dehors de la page :

http://www.pixenli.com/image1289765082016358400.html

alors que chez moi c'est correct :

www.swapnfly.fr

Merci d'avance pour votre aide.

Voic mon html :



<form method="post" action="index.php" class="form02"><div id="titreForm02"><h1 style="font-size:5px;"> &nbsp </h1>LOG IN</div><div id="corpForm02bis"><p class="double"><label for="f1-user" class="oblig">E-mail:</label></p><input type="text" id="f1-user" name="mail" onfocus="this.className='focus';" onblur="this.className='normal';" /><p class="double"><label for="f1-mdp" class="oblig">Password:</label></p><input type="password" id="f1-mdp" name="mdp" onfocus="this.className='focus';" onblur="this.className='normal';" /><br /><br /><a href="http://www.swapnfly.com/mdpoubli.php">Forgot your password?</a></div> <!--fin de corpform --><div id="piedForm02"><input type="submit" name="valide" value="OK" /></div></form>




voici mon css



#corpForm02bis {
background-image:url("../images/cadre_arrondi_middle_connexion.png");
border:medium none;
color:black;
margin:0;
padding:1em;
}

C'est vrai que c'est étrange.

Je pourrais pas expliquer pourquoi mais on dirait que le input se fiche de son conteneur et prend sa dimension par défaut. Si tu forces un width par exemple 100px, c'est correct.

J'ai testé mes sites et eux aussi ont le même problème sur Linux, on dirait que le width du input "par défaut" est celui qui est le seul considéré sans prendre en compte le conteneur.

J'ai pas de solution miracle et je ne peux pas te dire pourquoi ça fait ça mais si tu mets un width sur tes inputs, ça devrait être bon ( quitte à les mettre en pourcentage )