Background onzichtbaar op WebKit gebaseerde mobiele browsers

dinsdag 16 april 2013 16:13

Acties:

0 Henk 'm!

Koekje d'r bij?

Topicstarter

Ik heb een (in mijn ogen) simpele webpagina. Iets wat gewoon een tijdelijke placeholder dient te zijn voor een een site die later ingevuld wordt.

Dit werkt op mijn desktop op de laatste versies van IE, Chrome en Firefox en op mobiele telefoons werkt het prima op iOS en Windows Phone.. Dan komen we bij Android aan. De standaard mobiele browser werkt prima. Heeft men echter Chrome of Opera geïnstalleerd gaat het mis; men krijgt gewoon een lege pagina.

Iemand een idee wat ik verkeerd heb staan in m'n code?

.

HTML: index.html

<!DOCTYPE html>
<html>
    <head>
        <title>Ga eens eerst genieten van jullie huwelijksreis?!</title>
        <style>
            html, body
            {
                background-image: url("gfx/bg.png");
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-position: center bottom;
            }
        </style>
    </head>

    <body>
    </body>

</html>

Rowdy.nl - X++ by day. C# by night. I drink coffee in the morning and beer in the evening.

dinsdag 16 april 2013 16:16

Acties:

0 Henk 'm!

Deef_K

Begin eerst eens je doctype etc goed aan te vullen.

dinsdag 16 april 2013 16:22

Acties:

0 Henk 'm!

Rowdy.nl

Koekje d'r bij?

Topicstarter

Neefdave schreef op dinsdag 16 april 2013 @ 16:16:
Begin eerst eens je doctype etc goed aan te vullen.

Hoe bedoel je dit?
.

quote: http://en.wikipedia.org/w...on#HTML5_DTD-less_DOCTYPE
HTML5 uses a DOCTYPE declaration which is very short, due to its lack of references to a Document Type Definition in the form of a URL or FPI. All it contains is the tag name of the root element of the document, HTML.^[4] In the words of the specification draft itself:

In other words, <!DOCTYPE HTML>, case-insensitively.

[ Voor 7% gewijzigd door Rowdy.nl op 16-04-2013 16:25 ]

Rowdy.nl - X++ by day. C# by night. I drink coffee in the morning and beer in the evening.

dinsdag 16 april 2013 16:41

Acties:

0 Henk 'm!

Bosmonster

*zucht*

Css

Je zegt in je topic title dat het om webkit gaat, terwijl juist alles in webkit goed gaat, behalve in opera en een andere alternatieve mobiele browser (toevallig wel gebaseerd op webkit).

Met andere woorden je probleem is niet met webkit, maar met specifiek Opera/Chrome. Blijkbaar ondersteunen die geen background fixed of een van je andere declaraties. Daar zou je eens op kunnen zoeken.

Overigens vraag ik me af of deze browsers nu wel de moeite waard zijn om zoveel tijd in te stoppen. Opera is zo goed als dood en Chrome mobie is nog zeer onstabiel en weinig gebruikt.

Neefdave schreef op dinsdag 16 april 2013 @ 16:16:
Begin eerst eens je doctype etc goed aan te vullen.

Zeg dan niks...

dinsdag 16 april 2013 16:48

Acties:

0 Henk 'm!

Rowdy.nl

Koekje d'r bij?

Topicstarter

Bosmonster schreef op dinsdag 16 april 2013 @ 16:41:
Je zegt in je topic title dat het om webkit gaat, terwijl juist alles in webkit goed gaat, behalve in opera en een andere alternatieve mobiele browser (toevallig wel gebaseerd op webkit).

Met andere woorden je probleem is niet met webkit, maar met specifiek Opera/Chrome. Blijkbaar ondersteunen die geen background fixed of een van je andere declaraties. Daar zou je eens op kunnen zoeken.

Overigens vraag ik me af of deze browsers nu wel de moeite waard zijn om zoveel tijd in te stoppen. Opera is zo goed als dood en Chrome mobie is nog zeer onstabiel en weinig gebruikt.

[...]

Zeg dan niks...

Okay, thanks.. Dan heb ik dat juist precies andersom. Ik kom inderdaad wel een bug tegen als ik daar specifiek op ga zoeken..

Maar voor een tijdelijke site laat ik het wel lekker zitten, alhoewel de kans dat degene die 'm gaat bezoeken wel Chrome op z'n telefoon heeft staan..

Rowdy.nl - X++ by day. C# by night. I drink coffee in the morning and beer in the evening.

dinsdag 16 april 2013 16:54

Acties:

0 Henk 'm!

Bosmonster

*zucht*

Css

Dan moet ie niet zeuren als iets niet werkt

dinsdag 16 april 2013 16:55

Acties:

0 Henk 'm!

Koenvh

Hier tekenen: ______

Bosmonster schreef op dinsdag 16 april 2013 @ 16:41:
[...]

Overigens vraag ik me af of deze browsers nu wel de moeite waard zijn om zoveel tijd in te stoppen. Opera is zo goed als dood en Chrome mobie is nog zeer onstabiel en weinig gebruikt.

[...]

Da's wel een erg slechte insteek. "Ja, mijn website werkt in IE6, dus gebruik maar IE6".
Chrome mobile wordt toch redelijk wat gebruikt op iOS en Android... Vooral op Android omdat Google die aan het pushen is. Opera is gewoon één van de vijf "Major Browsers" op de PC, dat je Maxthon Mobile (bestaat dat?) laat liggen is al minder erg, maar Opera gaat wel erg ver.

[ Voor 6% gewijzigd door Koenvh op 16-04-2013 17:21 ]

🠕 This side up

dinsdag 16 april 2013 17:11

Acties:

0 Henk 'm!

MrBrown

Reservoir Dog

Volgens quircksmode is inderdaad background-attachment:fixed inderdaad niet supported in Chrome.

In Opera zou hij static moeten weergeven, maar dat is dus niet het geval?

Powered by Manetti (compiled by Jura)

dinsdag 16 april 2013 17:18

Acties:

0 Henk 'm!

crisp

Devver

Pixelated

Html5

Koenvh schreef op dinsdag 16 april 2013 @ 16:55:
[...]

Da's wel een erg slechte insteek. "Ja, mijn website werkt in IE6, dus gebruik maar IE6".
Chrome mobile wordt toch redelijk wat gebruikt op iOS en Android... Vooral op Android omdat Google die aan het pushen is. Opera is gewoon één van de vijf "Major Browsers", dat je Maxthon laat liggen is al minder erg, maar Opera gaat wel erg ver.

http://www.netmarketshare....aspx?qprid=1&qpcustomb=1

Chrome: 2.43%, inmiddels wel meer dan IE op mobile

Bij Opera wordt hier Opera Mini genoemd met wel een behoorlijk aandeel (8.4%), maar gezien dat een proxy-service is met eigen rewrite-heuristics is dat een beetje een black-box voor developers en niet iets waar je echt actief ondersteuning voor kan geven...

Intentionally left blank

dinsdag 16 april 2013 17:20

Acties:

0 Henk 'm!

Koenvh

Hier tekenen: ______

crisp schreef op dinsdag 16 april 2013 @ 17:18:
[...]

http://www.netmarketshare....aspx?qprid=1&qpcustomb=1

Chrome: 2.43%, inmiddels wel meer dan IE

Bij Opera wordt hier Opera Mini genoemd met wel een behoorlijk aandeel (8.4%), maar gezien dat een proxy-service is met eigen rewrite-heuristics is dat een beetje een black-box voor developers en niet iets waar je echt actief ondersteuning voor kan geven...

Ik verwacht dat Google Chrome gaat pushen op Android, dus dat het aandeel snel gaat stijgen.

🠕 This side up

woensdag 17 april 2013 09:53

Acties:

0 Henk 'm!

Bosmonster

*zucht*

Css

Koenvh schreef op dinsdag 16 april 2013 @ 17:20:
[...]

Ik verwacht dat Google Chrome gaat pushen op Android, dus dat het aandeel snel gaat stijgen.

Ik verwacht niet dat het zo'n vaart zal lopen. Zo.. argument afgeweerd.

Individuele verwachtingen doen er dus niet zo heel veel toe. Nu is het marktaandeel van Chrome op mobiel nog zeer minimaal. Daarnaast is het gewoon een Webkit-engine, dus mag je hopen dat Google er uiteindelijk een fatsoenlijke browser van maakt (wat nu nog verre van waar is).

Uiteindelijk moet je een keuze maken waar je je tijd/geld in investeert.

Koenvh schreef op dinsdag 16 april 2013 @ 16:55:
[...]

Da's wel een erg slechte insteek. "Ja, mijn website werkt in IE6, dus gebruik maar IE6".
Chrome mobile wordt toch redelijk wat gebruikt op iOS en Android... Vooral op Android omdat Google die aan het pushen is. Opera is gewoon één van de vijf "Major Browsers" op de PC, dat je Maxthon Mobile (bestaat dat?) laat liggen is al minder erg, maar Opera gaat wel erg ver.

Nee. "Mijn website werkt NIET in IE6, dus kijken in IE6 is op eigen risico". Je moet het niet omdraaien

Opera een van de 5 major browsers noemen vind ik zelf wat overdreven. Bij T.NET publiek heb je misschien een ondersteunbaar aandeel (2-3%?), maar over het algemeen op de consumentenmarkt is desktop Opera te verwaarlozen.

Uiteindelijk kijk je commercieel gezien meestal naar de grote meerderheid. Tegenwoordig bijvoorbeeld IE8+/Chrome/Firefox/Safari. Voor mobile is het vaak een kwestie van ontwikkelen voor kleine schermen volgens de standaarden en hoop je maar dat de 80 verschillende antieke Android versies er fatsoenlijk mee omgaan. Daarvoor specifiek optimaliseren is commercieel ook praktisch niet haalbaar. Dat is leuk voor een hobby-project of een dedicated development-team zoals bij T.NET, maar bij een klant met een vast budget zul je dus wederom keuzes moeten maken. Ga je die 20K extra stoppen in het optimaliseren voor wat oude mobile browsers, of ga je voor de 98% een vette feature ontwikkelen op de desktop?

[ Voor 19% gewijzigd door Bosmonster op 17-04-2013 10:02 ]

woensdag 17 april 2013 11:04

Acties:

0 Henk 'm!

Rowdy.nl

Koekje d'r bij?

Topicstarter

^^ Volledig mee eens..

Ik laat het iig hoe het nu is... Thanks.

Rowdy.nl - X++ by day. C# by night. I drink coffee in the morning and beer in the evening.

Onderwerpen