Black Friday = Pricewatch Bekijk onze selectie van de beste Black Friday-deals en voorkom een miskoop.

[XHTML/CSS] background-color niet weergegeven in Safari

Pagina: 1
Acties:

  • Isnowiz
  • Registratie: Mei 2005
  • Laatst online: 16-09 11:42
Voor een MOO/MUD game heb ik een aantal maanden terug een website in elkaar gedraaid.
Deze werkt in principe prima. Echter, viel het me vandaag ineens op dat in Safari de background-color niet werkt. In plaats van zacht-geel blijft deze gewoon wit.
Via browsershots.org kwam ik er achter dat het ook in Firefox 2.x fout gaat.

Wat ik inmiddels heb geprobeerd:
- Uiteraard gekeken of de site wel valid XHTML en valid CSS is -> CHECK
- De kleurcode vervangen door een rgb(r, g, b) formaat -> Geen succes
- De letters in de kleurcode lowercase gemaakt -> Geen succes
- Javascript uit de site gesloopt om te zien of dat verschil maakt -> Niks
- Google afgestruind:
- Iets gevonden over een bug in Safari. De oplossing was hier om de script-tags VOOR de link-tags te plaatsen. Dit heb ik geprobeerd, maar wederom zonder succes.

Verder heb ik niks relevants meer kunnen vinden mbv Google, waarna ik een vriend naar de code heb laten kijken die wat meer met web-development bezig is dan ik. Hij heeft het na een goed half uur opgegeven.

Wellicht is het iets heel stoms waar ik overheen kijk, maar het houdt me nu al te lang bezig...
Het lijkt of alle browsers die Webkit gebruiken de background-color niet goed verwerken. (ik zie nu dat ook Chrome een witte achtergrond laat zien), maar ik kan me nauwelijks voorstellen dat het probleem in Webkit zit.
De url naar de site is: http://pworld.dyndns.org

Alvast bedankt voor suggesties

[ Voor 7% gewijzigd door Isnowiz op 04-09-2008 21:46 ]


  • DeZzL
  • Registratie: November 2002
  • Laatst online: 14:01

DeZzL

Rocket surgeon

Ik neem aan dat een body element normaal gesproken een auto overflow heeft, misschien is dit in webkit niet?
Wat gebeurt er als je toevoegd:
Cascading Stylesheet:
1
2
3
body {
  overflow: auto;
}

eventueel conditional voor safari/webkit.

[ Voor 58% gewijzigd door DeZzL op 05-09-2008 08:00 ]


  • Isnowiz
  • Registratie: Mei 2005
  • Laatst online: 16-09 11:42
DeZzL schreef op vrijdag 05 september 2008 @ 07:55:
Ik neem aan dat een body element normaal gesproken een auto overflow heeft, misschien is dit in webkit niet?
Wat gebeurt er als je toevoegd:
Cascading Stylesheet:
1
2
3
body {
  overflow: auto;
}

eventueel conditional voor safari/webkit.
Wow, in 1x goed geraden! Thanks!!

  • DeZzL
  • Registratie: November 2002
  • Laatst online: 14:01

DeZzL

Rocket surgeon

Isnowiz schreef op vrijdag 05 september 2008 @ 09:08:
[...]

Wow, in 1x goed geraden! Thanks!!
Om de witte rand onderaan nog weg te krijgen kun je ook eens proberen de achtergrondkleur (en evt. overflow) op html zetten i.p.v. op de body

  • Isnowiz
  • Registratie: Mei 2005
  • Laatst online: 16-09 11:42
DeZzL schreef op vrijdag 05 september 2008 @ 15:30:
[...]

Om de witte rand onderaan nog weg te krijgen kun je ook eens proberen de achtergrondkleur (en evt. overflow) op html zetten i.p.v. op de body
Thnx, dat werkt onder alle browsers, ook zonder de overflow:auto;
Vraag me nog wel steeds af of dit nu een tekortkoming is aan Webkit, of niet...

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 11-11 10:24

Bosmonster

*zucht*

Isnowiz schreef op vrijdag 05 september 2008 @ 17:30:
[...]

Thnx, dat werkt onder alle browsers, ook zonder de overflow:auto;
Vraag me nog wel steeds af of dit nu een tekortkoming is aan Webkit, of niet...
Blijkbaar is het W3C daar niet helemaal duidelijk over en hou je verschillende interpretaties over.
Pagina: 1