iframe vs div opbouw probleem

[DutchDisturbed]

hallo ik heb een probleempje met mn layout! ik heb een container div gemaakt (main) en daarin wil ik 2 div's en een iframe laden. normaal staan er 3 div's in de layout maar door het iframe krijg ik dan allerlei dubbele scrollbalken etc dus die wil ik niet. probleem is dat zodra ik de iframe plaats het rechtermenu niet meer zichtbaar is. waarom niet? help!

<div id="bodybeurs">plaatje header</div>
<div id="nav">
hoofdmenu
</div>

<div id="main">(container van de onderstaande 3 vakken)
<div id="nav2" style=" width: 138px">
linkermenu
</div>

<iframe src="gastenboek" name="Gastenboek" frameborder="0" width="489px" height="457px" style="position: relative; top: 0px; left: -95px; margin: 0px"></IFRAME>

<div id="agenda" style="width: 138px; float: right">
rechtermenu
</div>
</div>

ow en waarom krijg ik een div wel volledig te zien als hij over de rand van de container div gaat terwijl ik daar toch overflow: hidden heb staan!?

 

[peter vazed]

Waarom staat je iframe dan nu niet in een div?

<div id="bodybeurs"' style="float:left; " >plaatje header</div> 
<div style="clear:both;" > </div>
<div id="nav"> hoofdmenu </div> 
<div style="clear:both;" > </div>

<div id="main"  style="width:95%;border: solid 2px #c0c0c0; text-align:center;margin-left: 10px;;" >(container van de onderstaande 3 vakken) 

<div id="nav2" style=" width: 138px;float:left;border: solid 2px #c0c0c0;margin-left: 10px; ">
 linkermenu </div>
<div style="border: solid 2px #c0c0c0; text-align:center; float:left;width:580px;margin-left: 10px;">
<iframe src="gastenboek" name="Gastenboek" frameborder="0"   height="457" style="position: relative; top: 0px; width:480px"></IFRAME></div> 
<div id="agenda" style="width: 138px; float:right;border: solid 2px #c0c0c0; margin-right: 10px; ">
 rechtermenu 
</div> 
</div>

 

[DutchDisturbed]

nou omdat zodra ik dat ding in een div plaatste ik dubbele scrollbalken kreeg het is allemaal een krap verhaal en kreeg dat iframe dan niet relaxt eringeplaatst...