Goeiedag. Ik ben bezig met een lay-out dat vrij ingewikkeld in elkaar zit. Mijn CSS bestand in rete groot dus ik zal alleen de dingen posten waar het om gaat.
Mijn probleem is:
Ik heb 1div met daarin 2 andere divs. De linker div is een menu en de rechter het gebied waar de content komt. Het content gedeelte kan ik tot aan de onderkant rekken en ook mee laten rekken naarmate de pagina groter word. Dit geldt niet voor de linker div. Dit ligt aan de achtergrond van deze div. Er zit namelijk een achtergrondplaatje in en voor zover ik weet kan hij niet rekken tot aan de onderkant van de pagina.
Ik heb al veel gezocht naar een oplossing, maar allemaal veelste veel code. Het lijkt mij dat zo'n probleem makkelijk is op te lossen aangezien een achtergrond vrij vaak in een div word gebruikt. De HTML is vrij eenvoudig opgebouwd dus die hoef ik niet te posten. hieronder de CSS en een screenshot van hoe het er nu uit komt te zien.
Bedoeling is dus dat de linker div meerekt met de content div. Waar de div nu stopt moet dus licht grijs naar onder lopen (dus niet de hele gradiënt).
http://img74.imageshack.us/img74/9273/vbrl3.jpg
Bij voorbaat dank.
CSS:
Mijn probleem is:
Ik heb 1div met daarin 2 andere divs. De linker div is een menu en de rechter het gebied waar de content komt. Het content gedeelte kan ik tot aan de onderkant rekken en ook mee laten rekken naarmate de pagina groter word. Dit geldt niet voor de linker div. Dit ligt aan de achtergrond van deze div. Er zit namelijk een achtergrondplaatje in en voor zover ik weet kan hij niet rekken tot aan de onderkant van de pagina.
Ik heb al veel gezocht naar een oplossing, maar allemaal veelste veel code. Het lijkt mij dat zo'n probleem makkelijk is op te lossen aangezien een achtergrond vrij vaak in een div word gebruikt. De HTML is vrij eenvoudig opgebouwd dus die hoef ik niet te posten. hieronder de CSS en een screenshot van hoe het er nu uit komt te zien.
Bedoeling is dus dat de linker div meerekt met de content div. Waar de div nu stopt moet dus licht grijs naar onder lopen (dus niet de hele gradiënt).
http://img74.imageshack.us/img74/9273/vbrl3.jpg
Bij voorbaat dank.
CSS:
HTML:
#leftnavandcontent {
background-color: #a5a5a5;
height:auto
height:100%;
width: 952px;
bottom: -100px;
}
#leftnav {
background-color: #a5a5a5;
background-image: url(images/leftnavbg.jpg);
background-repeat: no-repeat;
height:auto;
height:100%;
width: 228px;
float: left;
bottom: 0px;
padding: 20px;
}
#content {
background-color: #fff;
height: auto !important;
height:auto
height:100%;
width: 724px;
position: absolute;
}
Laatst bewerkt:
maar thx, het werkt nog niet naar behoren maar zal dit erin verwerken en kijken wat ie doet.
.