Ik heb hier een website gemaakt bestaat uit afbeeldingen, en deze zijn inelkaar gezet met xhtml en css.

Maar nu krijg ik het niet voor elkaar om de balken dooor te laten lopen.
Ik heb al een repeat right en een repeat left afbeelding gemaakt.

Klik * link verwijderd * om de website te zien.
Zo ziet ie er goed uit, maar als de tekst te lang word zoals * link verwijderd *, dan ziet het er niet meer uit, die balken (blauw en groen) moeten dus doorlopen.

De stylesheet vind je *link verwijderd *.

De images staan in de map /img.
Wie kan me helpen?

Doe eens:

height: 100%;
bij:
.ifrepeatleft
.ifrepeatright
#container

Helaas geen verandering:(

Dat is ook niet zo vreemd. Omdat je een achtergrond afbeelding gebruikt die je niet herhaalt.

Wat je het beste kan doen is (in ieder geval) het onderste groene als div te maken met als background-color de groene kleur. Deze gaat dan automatisch mee.


Hetzelfde doe je met de blauwe kant. Een div aanmaken die over de hele hoogte gaat en als background-color die blauwe kleur.

Origineel gepost door Rink R.

Dat is ook niet zo vreemd. Omdat je een achtergrond afbeelding gebruikt die je niet herhaalt.

Wat je het beste kan doen is (in ieder geval) het onderste groene als div te maken met als background-color de groene kleur. Deze gaat dan automatisch mee.


Hetzelfde doe je met de blauwe kant. Een div aanmaken die over de hele hoogte gaat en als background-color die blauwe kleur.

Volgens mij werkt de height:100%; niet in xhtml (strict?). Ik denk
dat je de divs een margin-bottom van 0 pixels moet meegeven.

Als dat niet lukt zou je misschien de container een achtergrond-afbeelding mee kunnen geven. Zie bijlage.

Gr. Gijsbert

Bedankt!
Door de container die bg image mee te geven,en door de height op auto te zetten is het probleem opgelost!
Super bedankt hiervoor!