problème disposition de formulaire.
bonjour,
j'ai un formulaire dans ma page web que j'ai mis dans une balise <div> pour pouvoir le deplacer voici le code HTML et le code CSS :
HTML :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<div id="formul">
<form action="index.php" method="post">
<p>
Pseudo :
<input type="text" name="nom" id="nom" />
<br />
Mot de passe : <input type="password" name="mdp" id="mdp" />
<br />
<input type="submit" name="Identifier" id="Identifier" value="S'identifier"/>
</p>
</form>
</div> |
code CSS :
Code:
1
2
3
4
5
6
7
8
9
10
|
#formul {
position:absolute;
width:150px;
height:200px;
z-index:1;
left: 220px;
top: 310px;
} |
quand la fenêtre est agrandie , tout est nikel, mais si je réduis la taille de la fenêtre du navigateur web, le formulaire se décale avec, et j'ai un bazar dans ma page.
sans parler que si je change de navigateur ça ne donne pas le même résultat.
une solution SVP ?
merci.
