Beste sd-ers.Ik ben begonnen met een website.alleen nu mijn probleempje.Ik denk dat dit simpel te verhelpen is maarja.Mijn tekst loopt door als mijn plaatje is afgelopen.Het gaat om www.seven-junior.nl/dataklus/Kan iemand mij snel helpen.Mvg, Rick

Dat komt omdat je de achtergrond (het witte vlak) niet laat meerekken met de tekst. Hierdoor zal de div groter worden dan de achtergrond afbeelding.
Oplossing: Knip de achtergrond in 3 stukken (top, tekstgedeelte en bottom) en laat de div met de tekst erin meerekken. Deze methode is nodig omdat je gebruik maakt van afgeronde hoeken. Wanneer je de achtergrond in z'n totaliteit laat meerekken worden deze hoeken niet mooi meer.

Oke maar hoe laat ik deze achtergrond wel mee rekken?

Een nog gemakkelijkere oplossing is om het lettertype op een kleinere grootte te zetten.
In CSS-taal: font-size: 8pt;

font oplossing werkt wel maar het moet ook nog goed leesbaar blijven..

Beste oplossing is losse divjes maken idd met aparte afbeeldingen.
Met padding kan je dan vervolgens de afstand tussen de rand van de afbeelding en je tekst instellen.

Ja, of min-height instellen dat kan ook:

http://www.dustindiaz.com/min-height-fast-hack/

Oke ik heb nu dat witte vlak in 3 delen gemaakt.Maar hij rekt nog niet mee.Hoe kan ik hem dit laten doen?

Als je dit doet:

Witte-vlak(border-radius: 1em; moz-border-radius:1em; -webkit-border-radius:1em; width:500px; min-height:600px; height:auto !important; height:600px;}

En dan de p{padding:20px;}

Ik heb z'n vermoeden dat je nog niet met een div werkt, of heb ik het mis?

Dit is hem nu! de opmaak.css

html { background-color: #0000ff; } body { width: 584px; border-left: 0px solid #888888; border-right: 0px solid #888888; margin: 0px auto; } div#header { background-image: url('images/Dataklus_01.gif'); background-repeat: repeat-x; width: 584px; height: 119px; } div#body1 { background-image: url('images/Dataklus_02.gif'); background-image: repeat-x; width: 584px; height: 41px; } div#body2 { background-image: url('images/Dataklus_03.gif'); background-image: repeat-x; width: 584px; height: 263px; font-size: 8pt; } div#body3 { background-image: url('images/Dataklus_04.gif'); background-image: repeat-x; width: 584px; height: 25px; } div#footer { background-image: url('images/Dataklus_05.gif'); background-image: repeat-x; width: 584px; height: 31px; }

Maak van alle divs diemet het witte vlak te maken heeft 1 div met de opmaak die ik hierboven heb geschreven.

Ik heb er 3 plaatjes van gemaakt.
En in de html 3 div's geschreven.
Wat moet ik nu doen dan?

Rick, lees even.. Alle divs die met het wiite vlak te maken hebben verwijderen en die andere erin doen.

Heb ik gedaan maar nu staat er helemaal geen wit meer...

oja, background:#fff;