Toon posts:

Cursor onzichtbaar in textarea bij abs. div over fixed div

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik wil gebruik maken van een <div> met een position:fixed en daarboven een <div> met position:absolute mer daarin een formulier. Wanneer ik de pagina bekijk in Mozilla (1.7) danwel Firefox (1.0) is precies op de plek waar de fixed en absolute div elkaar raken de cursor niet zichtbaar in het formulier. Iemand een idee !?

Versimpelde html:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>fix-abs-div-form</title>
</head>
<body>

<div style="position:fixed;left:20px;top:20px;background: red;width:50px;height:50px;z-index: 10"></div>

<div style="position:absolute;left:30px;top:30px;background: green;width:100px;height:100px;z-index: 20">
<form><textarea></textarea></form>
</div>

</body>
</html>

  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

Ik snap niet wat je bedoelt? De cursor blijft gewoon zichtbaar bij mij, bij één van de bovengenoemde browsers.

Overigens zit er ook nog een verschil in layout tussen Internet Explorer 6.0 en Firefox 1.0. Bij IE wordt de div meegeschaald met de textarea en dat gebeurdt niet bij Firefox...

  • André
  • Registratie: Maart 2002
  • Laatst online: 06-05 11:13

André

Analytics dude

Bij IE en FF blijf ik gewoon een cursor zien. Welke plek bedoel je precies, heb je een screenshot?

Verwijderd

Topicstarter
Da's raar dat het bij jullie geen probleem opleverd. In onderstaand screenshot heb ik het gebied waar de cursor niet zichtbaar is met een zwarte border gemarkeerd. En dat is zowel in FF op pc en mac alswel Mozilla op pc en mac

Afbeeldingslocatie: http://www.basvanrijen.nl/pg/fixdiv.gif

  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

Da's precies het gebied waar ik naar gekeken had. Nee, daar heb ik gewoon een cursor. Ik denk dat het eerder aan de OS ligt o.i.d. Je werkt gewoon met Firefox 1.0/1.0.1? Of heb je een nightly?

Verwijderd

Topicstarter
Heel bizar. Ik maak gebruik van Firefox 1.0 (geen nightly, Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0) op windows XP en FF 1.0 op Mac OSX. Ik kan dus wel typen maar zie geen cursor. Wat is jouw configuratie en browser?

  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

Aha, je bedoelt de key cursor. Ik dacht dat je het had over de de mouse cursor. Nu je dat zegt heb ik daar ook last van. Het kan nog wel eens een bug zijn, maar is het écht noodzakelijk dat die fixed en absolute <div> over elkaar heen staan?

Verwijderd

Topicstarter
Oh sorry, ja de key cursor :)

De achtergrond van de site moet vast staan (niet mee scrollen) en meeschalen met de browser (100% breedte en hoogte). Ik kan geen css gebruiken omdat bij een background niet is aan te geven wat de breedte en hoogte moet zijn.

Ik dacht fijn de position:fixed te gebruiken wat natuurlijk niet werkt op IE, maar met wat workarounds is dat toch gelukt. Nu loop ik echter vast op dit euvel, snik.

Verwijderd

Topicstarter
blijkt reeds gemeld te zijn als bug bij mozilla: https://bugzilla.mozilla.org/show_bug.cgi?id=282358

Verwijderd

Ik denk dat het meer https://bugzilla.mozilla.org/show_bug.cgi?id=167801 is. Deze geeft ook een workaround.
Die andere bug is waarschijnlijk een duplicate.

Verwijderd

Topicstarter
Je hebt gelijk. Deze lijkt er meer op.
Jammer genoeg werkt de workaround niet wanneer gebruik wordt gemaakt van position:fixed
Pagina: 1