Ik gebruik background repeat-y.
Maar hij geeft alleen de tekening weer als er tekst of een <br /> instaat. Hij zou eigenlijk tot onder moeten reiken.

Iemand enig idee ?

Ik heb het volgende in mijn XHTML staan:
<div id="sidebar">
<br />
</div>

In mijn CSS file staat het volgende:
#sidebar {
float: left;
padding: 0px;
width: 218px;
background: url('images/left.jpg');
background-repeat: repeat-y;
}

voorbeeld
probeer ook is een height erin te zetten
In mijn CSS file staat het volgende:
#sidebar {
float: left;
padding: 0px;
width: 218px;
height: 100%;
background: url('images/left.jpg');
background-repeat: repeat-y;
}

of geef een vaste waarde (height: 300px;)
100 % werkt niet jammer genoeg.

een vaste waarde helpt wel maar dat wou ik juist voorkomen.
Ofwel moet ik het lang genoeg maken maar dan kan je een hoop naar onder scrollen zonder tekst.
En als je korter gaat krijg je zo'n onnozel leeg gat eronder :)
@Redcrew
Probeer het eens zo:
body {
height: 100%;
}

em dan ook die 100% meegeven aan de div..
maak het dan net zo lang als de pagina (is d8 ik 70% ;-))
@Luuk

De gehele lengte van de pagina is altijd 100%, FF pakt die % wel gewoon (kwaal van IE dat het niet werkt)
:-o bij mij werk dat niet, als ik een layer een hoogte van 100% geeft, word hij ALTIJD langer dan de inhoud :S

edit:
zowel firefox als IE
Om in IE 100% hoogte te bereiken moet je bovenin je CSS zetten:

html, body {
height: 100%;
}
heb ik, maar werkt niet :S
je zou het volgende eens kunnen proberen. (zit nog niet heel lang in css) maar je kunt wat jij wil volgens mij prima doen.

affein:
<div id="sidebar">
<table height=100%>
</table>
</div>

is misschien niet mooi maar het zou maar zo kunnen werken. werk zelf trouwens het liefst toch met hele pixsels als vast kader met daarin losse divs of tabellen, maar dat is persoonlijk

Reageren