socki: Webdesign für Mobilgeräte

Beitrag lesen

Hallo nochmal,

ich bin bei dem Darstellungsproblem ein Stückchen weiter gekommen. Es hat wohl nicht direkt was mit dem Theme bzw den zahlreichen CSS Fehlern zu tun. Der Android Browser 4.0 gibt dem p-Tag eine viel zu geringe Breite. Und zwar IMMER UND AUCH OHNE SÄMTLICHE CSS VORGABEN. Hier mal der Code, auf's allernötigste reduziert:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<style type="text/css">  
html, body, p { width: 100%; display: block; margin: 0px; padding: 0px; }  
</style>  
</head>  
<body>  
<p>  
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam  
</p>  
</body>  
</html>

Und hier die Screenshots dazu: http://app.crossbrowsertesting.com/public/if5f3783e63165e2/screenshots/z99248bb0a1793ab0038

Ich habe den oben genannten Code mehrmals getestet. Unter 2 verschiedenen Domains, auch ohne caching. Und der Android 4.0 Browser stellt es immer mit reduzierter Breite dar. Alle anderen Browser dagegen nie.

Leider habe ich noch nicht rausgefunden, wie man das Problem umgehen kann. Bei den meisten Websites, die ich getestet habe, ist die Darstellung mit dem Android 4.0 auch fehlerhaft. Darunter auch spiegel.de oder selfhtml.org. Es scheint aber zu gehen. Bei de.wikipedia.org siehts gut aus.