WebKit: Größe von Iframes passt sich an deren Inhalt an

html.de-Forum HTML, XHTML & CSS
1

Hi!

Ich möchte eine Webseite für Smartphones optimieren, und brauche dafür Iframes. Das Problem dabei ist, dass sich die Größe der Frames in den Webkit-Browsern nicht an die von mir im CSS bzw in den Attributen vorgegebenen Beschränkungen hält, sondern automatisch so skaliert, dass der ganze Inhalt des Frames angezeigt wird. (Die vorgegebene Größe wird nur genommen, wenn der Inhalt kleiner ist als das Iframe.)

Generell macht das ja auch Sinn, da viele Frames, in denen man noch zusätzlich scrollen muss, auf Smartphones durch das kleine Display alles andere als praktisch sind. Nur für mich ist dieses Feature einfach nur lästig.

Kennt ihr eine Möglichkeit um das Auto-Resize von Iframes abzudrehen? Dinge wie -webkit-text-size-adjust funktionieren leider nicht…und was anderes brauchbares hab ich nicht gefunden.

2

Hm… das ist wirklich seltsam. Funktionieren auch die width- und height-Attribute nicht?

3

Nein, die werden leider genauso ignoriert.

4

Keine Ahnung was du machst, aber eigentlich sollte es einwandfrei funktionieren. Code oder Testlink?

5

Es ist ein ganz normales Iframe, das im 0815 Standardbrowser korrekt angezeigt wird, nur im mobilen Browser spinnt…

<html><head>
<title>Z Index Test 4</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, scalable=0"/>
<style type="text/css">
#vordergrund {
    background-color:#cdcdcd;
    color: #00FF00;
    margin: 0px;
    position: absolute;
    /*overflow: scroll;
    width: 300px;
    height: 300px;*/
    left: 0px;
}
</style>
</head>
<body> 
    <iframe src="iframecontent.html" width="300" height="350" id="vordergrund" scrolling="yes"></iframe>
</body>
</html>
6

Vllt. liegt’s am fehlenden DocType.

7

nein, daran liegts nicht.