CSS - achtergrond volledig vullen

Pagina: 1
Acties:
  • 208 views sinds 30-01-2008
  • Reageer

  • Maverick2001
  • Registratie: Februari 2001
  • Laatst online: 21:07

Maverick2001

Never look back

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

Afbeeldingslocatie: http://www.juize.nl/opzet.jpg

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 ]

Pura Vida


  • disjfa
  • Registratie: April 2001
  • Laatst online: 08-01 11:17

disjfa

be

Faux Columns

Lees ze :)

disjfa - disj·fa (meneer)
disjfa.nl


  • djluc
  • Registratie: Oktober 2002
  • Nu online
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:
1
2
3
4
#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
  • Registratie: Februari 2001
  • Laatst online: 21:07

Maverick2001

Never look back

Topicstarter
Verwijderd schreef op dinsdag 13 september 2005 @ 12:16:
en vanaf IE7 wordt het gelukkig (hoop ik) voor eens en altijd:
code:
1
2
3
4
#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.

Pura Vida


  • BikkelZ
  • Registratie: Januari 2000
  • Laatst online: 28-03 23:19

BikkelZ

CMD+Z

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?

iOS developer


  • disjfa
  • Registratie: April 2001
  • Laatst online: 08-01 11:17

disjfa

be

En daarnaast is het bottom ipv bottum :)

disjfa - disj·fa (meneer)
disjfa.nl


  • Maverick2001
  • Registratie: Februari 2001
  • Laatst online: 21:07

Maverick2001

Never look back

Topicstarter
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.

Pura Vida


  • Rowanov
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

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