[CSS] breedte background-image afhankelijk van resolutie

[anoniem]

Ik heb verschillende logo's voor mijn pagina die ik afhankelijk wil maken van het CSS bestand, m.a.w. ik wil de bron van de afbeelding in het CSS bestand zetten, nu heb ik dat gedaan met: [code:1:5fd2655465] div.logo { background-image: url('logo.gif'); } [/code:1:5fd2655465] Ik heb dus een div gemaakt en daar het logo als achtergrond gebruikt, maar nu wil ik dat de breedte afhankelijk is van de resolutie dus dat het plaatje wordt uitgerekt of ingedrukt. Het kan allemaal wel met een javascriptje ofzo maar het is het makkelijkste als ik gewoon 1 CSS bestand kan gebruiken voor de hele stijl van de pagina. Groeten, Dumky

[anoniem]

kan niet. Je kan wel met js de beschikbare schermruimte uitlezen en dan de juiste css laden. t.

[anoniem]

tsja, dat dacht ik al, dus dan wordt het toch maar een javascriptje.

[anoniem]

Was CSS3 er maar...[code:1:8f0f05593d]background:url(plaatje.png)/100%;[/code:1:8f0f05593d]En klaar als ik [url=http://www.w3.org/TR/2002/WD-css3-background-20020802/#background-size]het goed heb[/url]. -termin8or

[anoniem]

In CSS gebruik je geen quotes. 't Is maar dat je 't weet... - Bas

[anoniem]

Geen quotes? Hmm, dat wist ik niet, als ik namelijk bij [url=http://www.devguru.com/Technologies/css/quickref/css_backgroundimage.html]DevGuru[/url] kijk staan daar gewoon quotes bij, maar dat mag dus eigenlijk niet?

[anoniem]

Het is niet volgens de standaarden en kan dus problemen opleveren bij bepaalde browsers die die standaarden strikt naleven. De quotes zijn niet nodig omdat je de bestandsnaam al tussen haakjes zet die eigenlijk dezelfde functie hebben. - Bas

[anoniem]

http://www.w3.org/TR/CSS2/colors.html#background-properties Bas toch ;) -termin8or

[anoniem]

Ik heb 't toch echt niet zelf verzonnen, in de CSS1 specificatie was het wel degelijk zo: http://www.w3.org/TR/REC-CSS1#background-image Jaja, soms let ik wel eens op... ;) - Bas

[anoniem]

ja maar als ik dan bij de CSS2 specificaties kijk zie ik toch weer wat anders :D :wink: http://www.w3.org/TR/REC-CSS2/colors.html#background-properties