Table vliegt uit Div

[Verwijderd]

Goeiedag,

Dan is de site klaar, dacht ik, blijkt dat in IE een tabel (****) uit een Div vliegt en ik weet niet waarom dit gebeurt. In Firefox gaat het prima.

Het probleem is hier te zien. Zie de twee links "change background en reveal background" (blauw omkaderd), deze zouden in de onderliggende rode Div moeten blijven. In IE "vliegt" de tabel uit de Div="revealbackground" waar die in zou moeten blijven totdat tegen de bovengelegen Div id="dehaas" komt, en ik begrijp niet waarom die dat doet.

Weet iemand met meer ervaring met Div's wat ik fout doe? Ik heb de opbouw met stijl even achter elkaar gezet:

code:

.clear {
clear:both;
}

<div id="container900"> div#container900 {width:900px;...  text-align:left;}
  <div id="site">  div#site {width:762px; margin-left:auto; margin-right:auto; text-align:left;.. }
    
    <div id="header">  #site #header { position: relative;..  ; 
    </div>

     <div id="mmets">  div#mmets {float:left; ..}
     <script type="text/javascript">
     </div>  
        
     <div id="dehaas">  div#dehaas {float:left; margin-top:40px; margin-left:6px; width:340px; height:250px; float:left; z-index:1; border:2px solid red;}
     <a href= /></a>
     </div>
        
     <div class="clear">
     </div> 
 
     <div id="korhoen">  div#korhoen {position:relative; z-index:100 float:left; top:20px;}
     <a href="http..">
     [img]"http:../></a>
[/img]

     <div id="revealbg">  div#revealbg {position:relative; text-align:right; border:2px solid red;}
****   <table align="right">
     <tr>
     <td class="space"><a href=javascript:;changebackground() class="link">change background</a></td>
     <td class="space"><a class="link" onmouseover="p('dehaas','','style.visibility','hidden','DIV');MM_changeProp('korhoen','',...</a></td>
     </tr>
     </table>
     <div class="clear">
     </div>
     </div>

     <div id="treepage">  #treepage #imgtree {position:relative;..}
     <div id="achterswf">
     <script type="text/javascript">  div#achterswf {position:relative; z-index:4; ..}
     </div>  
     </div>

   </div>
</div>

[ Voor 139% gewijzigd door Verwijderd op 16-03-2006 17:12 ]

[André]

Beste daaaaaan, je hebt in het ene topic nog maar net een oplossing gekregen en je opent de volgende al: http://gathering.tweakers...find/poster/152321/topics

Je gaat mij niet wijsmaken dat je al uberhaupt gezocht hebt wat het kan zijn en al dingen geprobeerd hebt. Het is de bedoeling dat je zelf wat meer gaat proberen alvorens klakkeloos alle vragen hier neer te gooien

[Verwijderd]

Dat lijkt me nogal een snelle conclusie, ik heb me helemaal "gek" gezocht. Ik weet namelijk dat jullie streng zijn m.b.t. tot eerst zelf zoeken, bovendien geloof me ik zoek het liever zelf op dan me constant op '"basisfouten" te laten wijzen, maar ik kom er gewoon niet uit, vandaar dat ik het vraag..

[ Voor 22% gewijzigd door Verwijderd op 16-03-2006 16:40 ]

[Verwijderd]

Na enig zoeken lijkt deze verandering te helpen:

code:

div#revealbg {position:relative; top:240px; border:2px solid red; _float: right; _display: inline;}

Maar begrijpen doe ik het niet...

Wat ik bijvoorbeeld ook niet begrijp is dat de hoogte van bepaalde Divs, zoals de div#revealbg verschilt tussen Firefox en IE. Waarom is dat?? Zie hier de pagina met omkaderde Div's. Misschien dat iemand met verstand van Div's met mij een keer deze pagina wil doorlopen, stuur me dan a.u.b. een [email=[e-mail]]mail[/email]

[ Voor 73% gewijzigd door Verwijderd op 16-03-2006 17:58 ]