Achtergrond loopt niet mee door

Epox · Bericht door **Epox** » 22 jul 2006, 22:57

Hey,
ik heb zelf een backgroundplaatje aangemaakt van 5 bij 5 px en laat deze steeds herhalen. Ik heb onder de <body> tag in overal_header <div class="back"> gezet en in de css een background-image meegegeven. Mijn probleem is nu, hij repeat het plaatje maar tot het eind van de pagina. Bij sommige meldingen is de pagina kort, en zie je een stuk wit. Ik heb het nu opgelost met een paar enters maar dat is ook niet handig..

Wat ik dus bedoel:

http://img227.imageshack.us/img227/5530 ... ochmy8.jpg

ElbertF · Bericht door **ElbertF** » 23 jul 2006, 09:30

Je moet de <html> en <body> tags de eigenschap "height: 100%;" meegeven in de CSS. Anders kun je de achtergrondafbeelding aan de <html> tag meegeven, dan werkt het ook.

Wout -- w00t · Bericht door **Wout -- w00t** » 23 jul 2006, 10:10

Zowiezo kan je beter de background bij de body in de CSS zetten, want de div houd ook aan het einde van de pagina op.

Epox · Bericht door **Epox** » 25 jul 2006, 16:03

http://www.nieknet.nl/forum/viewforum.php?f=11

Hoe kan ik nou zorgen dat de pagina 100% wordt? De tabel heeft heigth: 100% mee, body in de CSS.. Hoe kan dat?

Wout -- w00t · Bericht door **Wout -- w00t** » 25 jul 2006, 16:18

Door padding-top en padding-bottom (in alle drie de CSS files) op 0px te zetten

Epox · Bericht door **Epox** » 25 jul 2006, 16:53

Code: Selecteer alles

body { background-image: url(http://www.nieknet.nl/forum/images/back.gif);
padding-top: 0;
  }

Zo neem ik aan, onder de body?

Wout -- w00t · Bericht door **Wout -- w00t** » 25 jul 2006, 17:25

Code: Selecteer alles

body { background-image: url(http://www.nieknet.nl/forum/images/back.gif);
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

Epox · Bericht door **Epox** » 25 jul 2006, 17:46

Gedaan, nog steeds hetzelfde..

ElbertF · Bericht door **ElbertF** » 25 jul 2006, 22:40

Spambot schreef:Je moet de <html> en <body> tags de eigenschap "height: 100%;" meegeven in de CSS. Anders kun je de achtergrondafbeelding aan de <html> tag meegeven, dan werkt het ook.