[IE7] SELECT zorgt ervoor dat content erboven verdwijnd - Softwareontwikkeling

dinsdag 23 juni 2009 16:15

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

edit:

Mega spelfout in title.. excuus

Hi,

Ik loop tegen een beetje rare bug aan in IE7, terwijl ik doorgaans probleemloos voor IE7 ontwikkel, nu toch iets gevonden. Vrij basic stukje html:

code:

*knip*

<div id="content">
  <div id="page">
     <h2>blabla</h2>
     <p>Alinea met tekst</p>

     <form>
       <select>
          <option></option>
       </select>
     <form>
  </div>
</div>

*knip*

De CSS voor dit stukje is iets van:

Cascading Stylesheet:

1 2	div#content { background-color:white} div#page { padding:5px }

Uiteraard is het probleem met die stand-alone (snippet) van de code niet reproduceerbaar, maar misschien is er iemand die me in de goede richting kan sturen met het vinden van een oplossing.

Alvast bedankt.

[ Voor 3% gewijzigd door Verwijderd op 23-06-2009 16:17 ]

dinsdag 23 juni 2009 16:16

Acties:

0 Henk 'm!

BtM909

Watch out Guys...

Als dit je probleem is: http://blogs.msdn.com/ie/archive/2006/01/17/514076.aspx, dan zou 't wel degelijk opgelost moeten zijn met IE7

Uiteraard is het probleem met die stand-alone (snippet) van de code niet reproduceerbaar

Dus ga je maar je code hierboven editen, zodat je een stuk relevante code hebt, waarmee het probleem reproduceerbaar is

Doe je dat niet, dan gaat dit topic dicht.

[ Voor 20% gewijzigd door BtM909 op 23-06-2009 16:17 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

dinsdag 23 juni 2009 16:17

Acties:

0 Henk 'm!

Mad Marty

Je bent slimmer als je denkt!

Verwijderd schreef op dinsdag 23 juni 2009 @ 16:15:
Uiteraard is het probleem met die stand-alone (snippet) van de code niet reproduceerbaar, maar misschien is er iemand die me in de goede richting kan sturen met het vinden van een oplossing.

Dan zit je fout dus ergens anders in je code

We kunnen je waarschijnlijk beter helpen met een stuk code waarin je je probleem wél reproduceren kunt.

Rail Away!

dinsdag 23 juni 2009 16:17

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

ok.. ga ik doen. Duurt wel ff

dinsdag 23 juni 2009 16:36

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

HTML:

<!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>
<style>
div#content {
    background-color:white;
    padding:10px;
}
</style>
</head>
<body>
<div id="container">
    <div id="content_holder">
        <div id="content">
            <div class="page">
                <h1>Vragen</h1>
                <p>Alinea met tekst die verdwijnt.</p>
                <p>Kies een categorie uit onderstaande lijst:</p>
                <form id="VragenIndexForm" method="post" action="/vragens"><fieldset style="display:none;"><input type="hidden" name="_method" value="POST" /></fieldset><select name="data[Vragen][category_id]" id="VragenCategoryId">
                <option value="1">asd</option>
                <option value="9">asd</option>
                <option value="8">sad</option>
                <option value="10">sad</option>
                <option value="11">sad</option>
                <option value="12">sd</option>
                <option value="13">sad</option>
                </select></form>

            </div>     <!-- .page -->        
        </div>  <!-- #content -->  
    </div> <!-- #content_holder -->  
</div> <!-- #container -->  
</body>
</html>

Reproduceerbaar in IE7

dinsdag 23 juni 2009 16:43

Acties:

0 Henk 'm!

Bosmonster

*zucht*

zoek eens op 'peekaboo bug'

Op te lossen met hasLayout.

[ Voor 34% gewijzigd door Bosmonster op 23-06-2009 16:43 ]

dinsdag 23 juni 2009 16:45

Acties:

0 Henk 'm!

crisp

Devver

Pixelated

Dit doet me denken aan de "peekaboo" bug, en ik vond al vrij snel ook dit op internet: http://www.cayenne.co.uk/ie7/disappearing-content.html

Waarschijnlijk is het op te lossen door 'hasLayout' te forceren voor #content.

Intentionally left blank

dinsdag 23 juni 2009 16:47

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Thx.. dat is inderdaad de oplossing. Was tot nu toe een onbekend probleem voor me. Helaas kan ik er nu weer een toevoegen aan de lange lijst!

Pagina: 1

Reageer