Hallo,

ik zit met een vrij lastige vraag en probeer het daarom zo duidelijk mogelijk uit te leggen!!

IK heb op dit moment een pagina met een achtergrond die mee groeit met de grootte van het scherm. Het ziet er als volgt uit:
http://img485.imageshack.us/img485/4855/voorbeeldaul0.jpg

Nou wil ik "zonnenstralen" op de achtergrond die ook mee groeien. Ik heb hiervoor een gif bestand gemaakt zonder achtergrond. Maar nu is mijn vraag hoe kan ik deze nou het beste toevoegen want een div die zo breed is als de afbeelding is niet mogelijk.

Dit is het totaal idee:
http://img503.imageshack.us/img503/296/voorbeeldyd8.jpg

Ik heb nu:

html,body {
margin: 0px;
padding: 0px;
color: #000000;
text-align: center;
font-family: verdana;
font-size: 0.85em;
background: url('images/bg.jpg') center;
background-repeat: repeat-y repeat-x;
background-position: center center;
}
"...want een div die zo breed is als de afbeelding is niet mogelijk"

waarom niet? denk je dat het zelf niet kan if is er een technische reden?

antwoord op de vraag: kun je niet iest doen met layers

ps toffe layout!
Danku!

De afbeelding is 2000px breed zodat hij op ieder scherm helemaal zichtbaar is!

Dan krijg ik dus een div van 2000px breed.
dat kan toch gewoon, ik ga even voor je testen. en zeg als je blieft JE. ik ben pas 22!
haha ik zeg standaard danku :P niet uit beleefdheid ofzo (A)

Ik heb:

html,body {
margin: 0px;
padding: 0px;
color: #000000;
text-align: center;
font-family: verdana;
font-size: 0.85em;
background: url('images/bg.jpg') center;
background-repeat: repeat-y repeat-x;
background-position: center center;
}

#stralen {
background: url('images/stralen.gif') center;
background-repeat: no-repeat;
}



<body>

<div id="stralen">
</div>


</body>

Maar hij laat mooi niets zien :P
Het is inmiddels gelukt!

Alleen nu heb ik nog 1 vraag! Nu wil ik de achterground weergeven zoals op deze foto.

http://img503.imageshack.us/img503/296/voorbeeldyd8.jpg

Alleen nu vraag ik me af met welke instellingen ik het gif bestand op moet slaan om het te laten doorschijnen! Ik stel mn opacity wel in in photoshop maar bij het opslaan gaat dat blijkbaar mis! En hij krijgt van die lelijke blokjes! Hoe voorkom ik dat?

Iemand een idee?
Ook al opgelost! Bedankt Bart!!!
Post even je oplossing, dan hebben anderen er nog weer aan ;-)
over je transparantie dan kan eventueel met png das voor in Firefox en er is een patch voor transpatie in IE.
Ja ik zie inderdaad dat de PNG wél in FF werkt maar in IE is hij niet transparant! Is daar nog een oplossing voor?

De oplossing was door simpelweg een hoogte aan te geven op de #stralen div!
Ik heb er een oplossing voor gevonden.. je moet maar even googlen naar:

IE png fix

Reageren