[IE7] iframe verspringt, bug?

[Sjoerd]

Ben al enige tijd bezig met het ontwikkelen van mijn editor, alles lijkt goed te werken behalve in IE.

Het probleem:
Mijn editor laat netjes bij de start van de pagina echter geheel willekeurig wanneer ik met mijn muis beweeg over mijn werkbalk verspringt het iframe van de editor naar onder, echter niet steeds bij dezelfde gebeurtenis, dus de ene keer wanneer ik over mijn bold knop ga de andere keer over mijn italic knop, geheel willekeurig...

Vaststellingen:
- het is dus willekeuring
- opera of firefox hebben er geen last van
- ook in een lege pagina met enkel de editor doet het probleem zich voor
- ik denk aan een bug langs IE kant
- de bron code blijft met de verspringing en zonder de verspringing het zelfde

Ik heb echter totaal geen idee waar ik het moet zoeken, het is ondertussen een hele lap code geworden vandaar even 2 screenshots, misschien is het inderdaad een bug en is iemand er mee bekend?

normaal:


bug (die dus na een tijdje spelen met de muis optreed):


ik hoop dat het iemand bekend voor komt zou me enorm helpen.

[ Voor 3% gewijzigd door Sjoerd op 03-01-2008 19:09 ]

[Verwijderd]

Het klinkt als een flow-kind of bug. Dit is meestal op te lossen met:

JavaScript:

window.onload = function() {
    document.body.style.display = 'none';
    document.body.style.display = 'block';
}

Hierdoor laat je de webpagina "flickeren" waardoor de "flow" opnieuw wordt gerenderd.
Dit is misschien niet helemaal netjes, maar dat zijn iframes ook niet

[Sjoerd]

Verwijderd schreef op donderdag 03 januari 2008 @ 21:48:
Het klinkt als een flow-kind of bug. Dit is meestal op te lossen met:

JavaScript:

window.onload = function() {
    document.body.style.display = 'none';
    document.body.style.display = 'block';
}

Hierdoor laat je de webpagina "flickeren" waardoor de "flow" opnieuw wordt gerenderd.
Dit is misschien niet helemaal netjes, maar dat zijn iframes ook niet

Bedankt voor het antwoord, omdat er geen verschil was na het uitvoeren van het script heb ik het op volgende manier geprobeerd

JavaScript:

<input type="button" onclick="document.getElementById('wysiwyg_textarea')
.contentWindow.document.body.style.display = 'none';
    " />           <input type="button" onclick="document.getElementById('wysiwyg_textarea')
.contentWindow.document.body.style.display = 'block';
    " />

hierdoor zie ik dus mijn 'editor' (iframe) verdwijnen en bij de tweede knop weer verschijnen, echter komt hij weer gewoon op dezelfde verkeerde positie (opgeschoven naar onder) terug.


Oplossing gevonden
ik gebruikte ook een visible style op mijn editor door dit te vervangen door display met bijhorende code ben ik van het probleem af! bedankt voor het meedenken je hebt me in de goede richting gestuurd

[ Voor 10% gewijzigd door Sjoerd op 04-01-2008 09:29 ]