Divs met inhoud onzichtbaar na toevoegen iframe ?

[pewie37]

Ik heb op mijn website o.a. een containerdiv aangemaakt waarin ik een drie-tal divs voor content heb geplaatst (200*100% / 800*100% / 200*100% -> alles links drijvend) met daaronder een div voor de voetregel.

Als ik in de middelste contentdiv die in de containerdiv zit een iframe plaats verdwijnen de divs die daarna komen, dus de rechter contentdiv en de voetregeldiv. (Ze zijn echt weg, niet verschoven). Haal ik de code voor de iframe weer weg. . . zijn we weer terug ?

Wie heeft raad ? :d
(zie onderstaande code)

Dank je wel alvast, :thumb:


Code:

<div id="container">
<div id="leftcontent">
</div>
<div id="centercontent">
<p>
<iframe
name="contentiframe1"
width="700"
hiegt="500"
src="/iframehtml/home1.html"
frameborder="no"
scrolling="yes">
<iframe>
<p>
</div>
<div id="rightcontent">
<img src="images/SpiegelPortret_123fotografie.png" width="170" height="370" alt="spiegelportret" />
</div>
</div>

<div id="voetmenuheader">
<div id="voetmenu">
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="40" align="center" valign="bottom">
<script type="text/javascript">
<!--
stm_bm(["menu4755",900,"menus/menu1","blank.gif",0,"","",0,0,250,0,1000,1,0,0,"","",0,0,1,2,"default","hand","",1,25],this);
stm_bp("p0",[0,4,0,0,0,0,0,0,100,"",-2,"",-2,50,0,0,"#999999","transparent","",3,0,0,"#000000"]);
stm_ai("p0i0",[0,"Basis ","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#E6EFF9",1,"#FFD602",1,"","",3,3,0,0,"#E6EFF9","#000000","#999999","#FFFFFF","8pt Verdana","8pt Verdana",0,0,"","","","",0,0,0]);
stm_ai("p0i1",[6,2,"#999999","",-1,-1,0]);
stm_aix("p0i2","p0i0",[0," Vervolg "]);
stm_aix("p0i3","p0i1",[]);
stm_aix("p0i4","p0i0",[0," Praktijkdagen "]);
stm_aix("p0i5","p0i1",[]);
stm_aix("p0i6","p0i0",[0," Prive "]);
stm_aix("p0i7","p0i1",[]);
stm_aix("p0i8","p0i0",[0," Bezetting "]);
stm_aix("p0i9","p0i1",[6,1]);
stm_aix("p0i10","p0i0",[0," Inloggen "]);
stm_aix("p0i11","p0i9",[]);
stm_aix("p0i12","p0i0",[0," Home "]);
stm_aix("p0i13","p0i1",[]);
stm_aix("p0i14","p0i0",[0," Folder "]);
stm_aix("p0i15","p0i1",[]);
stm_aix("p0i16","p0i0",[0," Over ons "]);
stm_aix("p0i17","p0i1",[]);
stm_aix("p0i18","p0i0",[0," Fylosofie "]);
stm_aix("p0i19","p0i1",[]);
stm_aix("p0i20","p0i0",[0," Disclaimer "]);
stm_aix("p0i21","p0i1",[]);
stm_aix("p0i22","p0i0",[0," Contact"]);
stm_ep();
stm_cf([0,0,0,"Main_frame","Navigation_frame",1]);
stm_em();
//-->
</script>
</td>
</tr>
</table>
</div>
</div>

 

[Naarling]

Je moet je iframe natuurlijk wel afsluiten met </iframe> en niet met <iframe>

Die losse <p> tags kun je trouwens ook beter weghalen en hieght moet natuurlijk height zijn.

een menu in een tabel zetten is trouwens ook niet netjes, dat kun je beter in een lijst doen.

 

[pewie37]

Ja inderdaad, stom van mij zeg.
Dank je wel.

:thumb::thumb:

 

[Naarling]

Ik wil nog wel even opmerken dat iframes gebruiken überhaupt niet handig is. Een bot van een zoekmachine die jouw site bezoekt zal de inhoud van frames niet zien, voor zover google (en anderen) weten bevat jouw site dan dus alleen de inhoud van de twee panelen en de voettekst. Je kunt je indenken dat dit je niet makkelijker te vinden maakt op internet. Daarbij maak je het mensen ook onmogelijk om een specifieke pagina als favoriet op te slaan. Ik raad je aan dit even te lezen, dat is een veel betere methode.

 

[pewie37]

OK dank wel.
Ik heb die iframes willen gebruiken om niet op 17 blz's het menu te moeten veranderen.

Ik ga aan de slag met lezen.
Maar btw, wat bedoelde je met het menu in een lijst zetten (of wordt dat tijdens het lezen duidelijk) ?

 

[Naarling]

OK dank wel.
Ik heb die iframes willen gebruiken om niet op 17 blz's het menu te moeten veranderen.

Dat is met PHP betere opte lossen, hoe dat werkt wordt inde site waar ik naar linkte dus uitgelegd.

Ik ga aan de slag met lezen.
Maar btw, wat bedoelde je met het menu in een lijst zetten (of wordt dat tijdens het lezen duidelijk) ?

Da's een ander verhaal, lees hier maar.

 

[pewie37]

toppie :thumb:
Ben ik vanmiddag weer zoet

 

[csshunter]

Da's een ander verhaal, lees hier maar.

Ja, globaal genomen is dat een aardige uitleg, maar van 5 jaar geleden en toch niet helemaal jofel.
De class="menu" voor de <a>'s van elk list-item is overbodig: met de id="menu" van de <ul> kunnen alle <a>'s in de <li>'s al geregeerd worden. De class komt ook niet voor in de css-styles. - De 100% hoogte van de <a>'s in het menu voor Internet Explorer zijn nu in elk geval niet meer nodig (waarschijnlijk voor IE5 bedoeld). Een opgegeven breedte voor de <a>'s volstaat voor een goede vertoning in IE6 (en de rest heeft dit niet nodig; maar kan geen kwaad). - Ik zou ook altijd een <li> afsluiten met een </li>, ook al hoeft het volgens de specificaties niet perse (tenminste niet bij html, bij xhtml moet het wel): dan kunnen browsers zich niet per ongeluk verslikken.

• Hier nog wat live illustratiemateriaal voor een CSS (hover) menu op basis van een "list":
  http://developerscorner.nl/csshunter/tests/css-hover-menu-home.htm.
• Klik op het menu voor het automatisch van kleur verschieten van de menu-items.
• Zie de broncode voor hoe ie werkt.

Met vriendelijke groet,
CSShunter

 

[Naarling]

Dat is inderdaad netter, mijn antwoord was wat gehaast.