Achtergrond aan de onderkant positioneren

[Fragzor]

Hallo allemaal,

Voor een klant ben ik momenteel bezig met het opzetten van een website.
Deze is momenteel te vinden op http://www.marikrol-vakantiehuisje.nl/construction

Nu heb ik via youtube een manier gevonden om de achtergrond constant 100% te laten schalen in de breedte.
Het is echter mijn bedoeling dat de afbeeldingen tegen de onderkant van de browser staat ten alle tijden. Momenteel is er een groot
wit vlak aan de onderkant te zien wanneer de browser te smal is (en dus ook bij schermen op een kleinere resolutie).

Zou iemand mij hiermee verder kunnen helpen?

Verder had ik nog de vraag of iemand weet waarom de afbeeldingen op de pagina "info" niet geladen worden. Ik heb hierbij gebruik gemaakt
van de phatfusion slideshow (http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1695028)
Lokaal werkt deze prima maar ik krijg niet gevonden hoe het pad opgezet wordt binnen het script.

Deze laatste vraag is wellicht niet op het juiste forum beland, maar ik dacht dat ik zo wellicht 2 vliegen in 1 klap kon slaan.


Bij voorbaat dank
Dennis Altena

 

[CaptainBri]

Hoi Dennis,

Je kan dit oplossen door de hoogte van de div met class root te verwijderen (staat nu 200px in) en vervolgens bij de body de background-size property op cover (staat nu 100% auto in) te zetten.

P.S. Voor je slideshow wil je misschien een wat meer up-to-date library gebruiken, phatfusion slideshow komt uit 2008 en wordt niet meer ondersteund door de ontwikkelaar. Dit is wellicht iets.

 

[Fragzor]

Hallo Captainbri,

Bedankt voor de reactie. Deze oplossing leek voor mij in eerste instantie te werken, echter blijkt nu dat de achtergrond nu vergroot wordt
wanneer de pagina langer is. Dit geeft niet het gewenste effect. Hopelijk zijn er nog andere mogelijkheden.

Groet,
Dennis Altena

 

[CaptainBri]

Als je een

background-attachment:fixed

toevoegd, krijg je dan wel het gewenste resultaat?