Wat je ook kunt proberen is met DIV te werken
Bijvoorbeeld:
Code: Selecteer alles
<div id="navigatie" name="navigatie" class="menu" src="menu.html"/>
bron:
http://channel9.msdn.com/Niners/pcx99
Deze plaatst dan een object op je pagina waar het menu dan in geimporteerd is.
Je moet dan wel in de menu.html de tags html, head en body weghalen.
en dan voeg je in je CSS of een STYLE tag in je paginas het volgende toe
Code: Selecteer alles
div.menu{
width: 200px;
height: 590px;
overflow:auto;
top:10px;
left:10px;
position:absolute;
}
Dit kun je dan ook doen voor de rest van je tekst alleen laat je dan de src weg.
Code: Selecteer alles
<div id="main" name="main" class="main">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>
in je css of STYLE tag voeg je dan het volgende toe:
Code: Selecteer alles
div.main{
width: 590px;
height: 590px;
overflow:auto;
top:10px;
left:210px;
position:absolute;
}
Bovenstaande resulteert in een pagina die in 2 stukken opgedeelt is voor een resolutie van 800X600 ( doe het uit mijn hoof dus er kunnen rekenfoutjes inzitten )
Op deze mannier maakt het ook niet uit waar de DIV's in je html staan. Binnen de DIV heb je de gewone afhankelijkheid zoals je die ook in je BODY tag hebt.
Ik heb dit in het verleden wel eens gedaan, maar werk nu met PHP en heb hier dus geen voorbeeld van. Ik zal kijken of ik vanavond tijd heb om een voorbeeld in elkaar te zetten.