CSS - achtergrond volledig vullen

[Maverick2001]

Voor een homepage die ik aan het maken ben heb ik de pagina's ingedeel in een aantal divs



Nu wil ik dat in DIV2 de achtergrond automatisch beeld vullend wordt.

Ik heb bij de div eigenschappen: height: 100% echter laat hij alleen maar het menu zien.

Het is de bedoeling dat hij mee stretched en naar gelang de resolutie settings beeldvullend wordt.

[ Voor 9% gewijzigd door Maverick2001 op 13-09-2005 12:09 ]

[disjfa]

Faux Columns

Lees ze

[djluc]

Lees een over faux columns: http://www.alistapart.com/articles/fauxcolumns/ In het kort: Plaats een achtergrond afbeelding en laat deze met background-repeat: repeat-y o.i.d. helemaal doorlopen. Het element wordt dus niet 100% hoog maar het lijkt wel zo.

edit:
Spuit 11. En bedankt he, weer een regel teveel getikt zijn ze je weer voor...

[ Voor 16% gewijzigd door djluc op 13-09-2005 12:12 . Reden: aah ]

[Verwijderd]

en vanaf IE7 wordt het gelukkig (hoop ik) voor eens en altijd:

code:

#div2 {
  top: 100px;
  bottom: 0px;
}

zo is het namelijk ooit bedacht (ik hoor namelijk nogal eens onterecht dat zoiets nooit bedacht is in css en daarom rare dingen als faux columns nodig zijn, maar da's dus niet zo)

[Maverick2001]

Verwijderd schreef op dinsdag 13 september 2005 @ 12:16:
en vanaf IE7 wordt het gelukkig (hoop ik) voor eens en altijd:

code:

#div2 {
  top: 100px;
  bottom: 0px;
}

zo is het namelijk ooit bedacht (ik hoor namelijk nogal eens onterecht dat zoiets nooit bedacht is in css en daarom rare dingen als faux columns nodig zijn, maar da's dus niet zo)

Nou heb ik gedaan wat je zei..

#leftcontent {
left:0px;
top:0px;
bottum:0px;
width:222px;
border:none;
background-image: url(../images/2.jpg) ;
height: 100%;
}

echter krijg ik niet automatisch de linkerkant helemaal tot de bottum gevuld... De achtergrond image van deze div is 1200px echter hij laat alleen maar het gedeelte zien waar het menu staat.

[BikkelZ]

Maverick2001 schreef op dinsdag 13 september 2005 @ 12:27:
[...]


Nou heb ik gedaan wat je zei..

#leftcontent {
left:0px;
top:0px;
bottum:0px;
width:222px;
border:none;
background-image: url(../images/2.jpg) ;
height: 100%;
}

echter krijg ik niet automatisch de linkerkant helemaal tot de bottum gevuld... De achtergrond image van deze div is 1200px echter hij laat alleen maar het gedeelte zien waar het menu staat.

Misschien omdat IE7 nog niet uit is?

[disjfa]

En daarnaast is het bottom ipv bottum

[Maverick2001]

Ok ik heb de pagina gelezen over FAUX echter deze behandeld alleen de opbouw van een hele pagina.

Ik heb het erover dat een de linker div (2) moet doorlopen niet de gehele achtergrond.

[Rowanov]

Dat kan dus niet, en daarom gebruik je een achtergrond om dat effect na te bootsen.