[css] background-image: wordt niet in divs geplaatst

[Verwijderd]

Ik wil in een container div een achtergrond plaatje zetten met

Cascading Stylesheet:

#bodyblock  
{
       background-image: url(bckgrnd.jpg); 
       background-position: bottom left; 
       background-attachment: fixed; 
       background-repeat: no-repeat;
}

nu wil het plaatje maar niet tevoorschijn komen dus had ik voor de grap in plaats van de betreffende div een * weggezet.
Nu komt het plaatje in alle headers en paragraphs en lists voor maar in geen enkele div!

iemand een idee wat ik verkeerd doe?

[Rowanov]

Als je er zeker van bent dat het path klopt (css in een andere map?) dan hebben we meer nodig, zoals overige css en je html code. Dat komt dus mooi samen in bijvoorbeeld een online testcase.

Het enige wat ik nu kan 'raden' is dat je div buiten beeld valt, waardoor de achtergrond niet zichtbaar is.

[Verwijderd]

excuses

mijn host is weer eens down, dus ik heb een voorbeeldje bij mijn vrouw d'r site online gezet:

http://heathervanhelvoort.com/test/2D.html

http://heathervanhelvoort.com/test/template.css

[Verwijderd]

Je zet hier

code:

 #hdr, #bar,#l-col, #bodyblock, #cont, #ftr
 {
  background:#99C;
  border:1px solid #666;
  margin: 10px;
  color: black;
 }

De background terug met de kleur #99c, hiervan moet je maken background-color: #99c; dan zal het denk ik wel werken.

[Rowanov]

Je selector staat zowieso nog verkeerd, zet hem eens terug op de div De css kan wel wat efficienter:

Cascading Stylesheet:

#bodyblock {
  background: #99C url('bckgrnd.jpg') no-repeat fixed bottom left;
}

[Verwijderd]

frappant!

dankuzeer, dat lost die boel hier in ie6 op maar nu zie ik het plaatje nergens in firefox, misschien niet zo blij met de ster, ff kijken of dat het is

mijn dank is ieg al groot!

[Verwijderd]

die selector is idd heel fout snel weghalen.

[Verwijderd]

hehe,

de urls zijn geupdate, bij mij werkt het nu in ie6 maar niet in FF, zeer frappant

[Rowanov]

Haal die bgcolor eens weg uit je body element, het is nergens voor nodig als je css gebruikt. Hetzelfde voor die align's en dergelijke, die je gewoon met text-align kunt regelen in css.

[Verwijderd]

Dit werkt wel in FF en IE: background: #99C url('bckgrnd.jpg') no-repeat bottom left;

Zelf een beetje proberen kan geen kwaad gewoon onderdeel voor onderdeel testen totdat je het probleem vind.

[ Voor 38% gewijzigd door Verwijderd op 16-09-2006 23:36 ]

[Rowanov]

Fixed is idd niet nodig en lost het op; dit kan je ook zelf testen met bijvoorbeeld de Developer toolbar in firefox of de IE equivalent. Zowieso my bad dat ik de fixed er in had gelaten

[Verwijderd]

sjonge jonge, ik zie het, dankjewel

grappig genoeg had ik dat al geprobeerd vóór ik dankzij jou door had dat die ander background de boel in de war stuurde.

bedankt!

die toolbar heb ik onlangs geinstalleerd, ik moet em wat veelvuldiger gaan gebruiken wellicht

[ Voor 21% gewijzigd door Verwijderd op 16-09-2006 23:40 ]