Curseur n'apparaissant pas dans champs text de formulaire

**lysandre** · 12/09/2007, 22h57

Bonsoir tout le monde...

Voila le titre dit tout. Enfin presque. Je suis quasiment sur que le probleme vient du fait que le formulaire est dans un div qui surplombe un autre div avec overflow:auto. Quand j'enleve overflow, le probleme disparait. Cela me semble etre une histoire de focus...
Est-il possible de resoudre ce probleme (sans javascript)?

**Bisûnûrs** · 13/09/2007, 07h46

Est-ce qu'on peut avoir un peu de code avec l'imbrication de tes balises ? Parce que je ne vois pas ce que tu veux dire par "surplombe".

**lysandre** · 13/09/2007, 14h46

Oui bien sur! Le div contenant le champ text de formulaire est au-dessus (au sens des z-index) d'un autre div dont le overflow est sur auto. Le probleme se produit uniquement quand il y a un recouvrement des div.

Le probleme se produit sous firefox et netscape. Pas de probleme sous ie, opera et safari pour windows

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 
<style>
<!--
html, body {
height:100%;
}
 
-->
</style>
</head>
<body class="texte1" bgcolor=#493F38 leftmargin=0 rightmargin=0 marginwidth=0 bottommargin=0 rightmargin=0>
 
<div style="position:absolute; top:100px; width:930px; height:554px; z-index:99;" align="center">
<form action="/index.php?action=modification" method="POST" class="texte1">
<input type="TEXT" name="verifpass" size=20 maxlength=20 ><input type="submit" value="vérifier">
</form></div>
 
<div style="position:relative; top:20px; width:930px; height:332px; overflow:auto;">
tadsdsds<br>dsdsds<br>dsdsds
</div>
 
</body>
</html>

Si on enleve le top:100px; du premier div, les div ne se recouvrent plus et le probleme disparait.

**Bisûnûrs** · 13/09/2007, 15h34

Je pense que tu vas devoir t'y faire.

Par exemple, mets top:20px sur ton div en absolu. Tu verras que le curseur apparaît dans la zone de texte, mais seulement à l'endroit qui ne se superpose pas avec le div en relative, donc tu as seulement un morceau de curseur.

Un autre bug avec Firefox, rajoute un div en overflow:auto tout au début de celui qui en contient déjà un en position relative, si tu bouges la scrollbar du relative l'affichage va lagger au niveau du div positionné en absolu plus bas.

Tout ça pour dire, que tu ne peux rien y faire.

**lysandre** · 14/09/2007, 10h47

Ok merci bisûnûrs!

En fait, etant donné que je n'ai pas besoin de overflow:auto dans les cas ou un div lui est superposé (je construis mon code en php, donc pour la meme page, le div peut etre superposé ou non), je regle overflow sur hidden quand il y a superposition et tout va bien!

Curseur n'apparaissant pas dans champs text de formulaire

HTML

Discussions similaires

Partager

Partager