Ik ben bezig met een blogje voor mezelf (http://reinhout.onlinetutorials.be/)
Alles werkte, tot ik eens wat meer tekst in mijn layout ging stoppen...
als je naar de pagina about gaat zie je dat de linker kollom een wit gedeelte heeft, of dat het achtergrondprentje de extra lengte niet opvult. Mijn vraag is: hoe krijg ik dat zodat alles even hoog komt en er geen witte gaten zijn?
Ik heb me er al rot op gezocht, maar ik ben geen echte css-held -_-'
De css is hier te vinden.
wat je zou kunnen doen (als je zeker weet dat rechts altijd het langs is)
de rechter <DIV> in de linker zetten..
dus de linker dan een width geven van de hele site en dan die rechter div daar in zetten en een float geven "float: right"
dat zou moeten werken.. of je zou met tabellen moeten gaan werken maar dat zou ik persoonlijk niet doen
*voorbeeld
[code]
css:
.leftbox {
background: url(borderleft.jpg) left repeat-y;
width: 800px;
}
.rightbox {
background: url(borderright.jpg) right repeat-y;
width: 700px;
float: right;
}
<div class='leftbox'>
le linkse tekst komt dan gewoon hier
en daar kun je van alles inflikkeren
<div class='rightbox'>
en dan hier gewoon all je rechtse content
</div>
<div>
Ik zou een background gebruiken voor de volle breedte.
<div id="container">
<div id="links"></div>
<div id="rechts"></div>
</div>
Links en rechts zijn dan de kolommen die samen in een div zitten die ik nu even container heb genoemd.
Je maakt dus een achtergrondafbeelding voor de container div.
@Niek: Zou kunnen werken...dan zijn de 2 kollommen ook altijd even hoog.
Ik werk aan de oplossing van Niek, maar als er mensen zijn die toch nog een oplossing vinden, mogen jullie het altijd laten weten...ik kan er maar uit leren.
klein probleempje: nu zijn er nog 2 witte strepen bijgekomen...(de naam van mijn container is boxje 2) http://reinhout.onlinetutorials.be/about
knoeier die ik ben -_-
