Seite 1 von 1
Iframe genau in der Mitte einer Seite - wie?
Verfasst: 10.01.2006 10:25
von Valerie Raghnall
Hi,
ich möchte einen Iframe mit definierter Größe genau in der Mitte einer Seite positionieren. Das heißt egal welche Auflösung jemand auf seinem Bildschirm hat, egal welchen Browser (naja soweit das geht *g*), der Iframe ist immer genau im Zentrum.
Gibt es dazu eine Möglichkeit? Ich hab selfhtml.org schon abgegrast, aber da hat mir nichts weitergeholfen. Mag sein, dass ich nur falsch gesucht habe.
Verfasst: 10.01.2006 10:55
von MagMo
Hi,
zumindest eine
horizontale Zentrierung sollte kein Problem sein.
Hast du mal folgendes probiert?
Oder anstelle des div-Tags das (veraltete) <center>...</center>?
Oder definiere über CSS ein class-Element, das zentriert ist und weise dem iFrame das class-Element zu.
Wenn das alles nicht klappt, wie wäre es mit folgender Lösung:
Eine Tabelle erstellen, die über die gesamte Bildschirmbreite geht (width="100%") und dann den Tabelleninhalt, das iFrame, zentriert ausgeben.
Sollte sich das iFrame immernoch weigern zentriert zu erscheinen, dann erstelle einfach ein Tabelle, die etwas größer ist als das iFrame und zentriere die Tabelle, das funktioniert sicher.
Wenn du auch noch eine
vertikale Zentrierung willst, dann wirst du wohl auf JavaScript zurückgreifen müssen und darüber die Bildschirmauflösung abfragen. Das ist aber sicherlich nur dann sinnvoll, wenn deine Seite außer dem iFrame nichts enthält. Und eine 100%ige Lösung, die bei allen funktioniert, liefert das eh nicht.
Das wäre das, was mir so spontan einfällt.
Grüße
MagMo
Verfasst: 10.01.2006 16:41
von Valerie Raghnall
naja... aber genau um die vertikale zentrierung ginge es mir... die abfrage der auflösungen bauscht die seite imho viel zu sehr auf und ist natürlich nicht meine bevorzugte lösung, aber danke für den lösungsansatz... zumindest kann ich das im notfall nehmen...
allerdings wäre es mir persönlich lieber, wenn man mir sagen könnte wie das mit valign umgesetzt werden kann (ich hoffe doch, dass das irgendwie möglich ist...)
Verfasst: 10.01.2006 19:46
von AmShaegar
Code: Alles auswählen
<table width="100%" heigt="100%>
<tr><td align="center" valign="middle">
<iframe ...></iframe>
</td></tr>
</table>
sollte funktionieren, aber kenioe garantie auf irgendeinrichtigkeit oder komformität oder so was ähnlcihes...
Verfasst: 10.01.2006 21:42
von S2B
Jedoch sollte man noch anmerken, dass der Code von AmShaegar nur mit HTML 4.01-Doctype (oder kleiner
) funktioniert.
Verfasst: 10.01.2006 21:48
von AmShaegar
eben sowas meinte ich *g* liegt an dem "height" in einer tabelle oder?
Verfasst: 10.01.2006 22:25
von S2B
AmShaegar hat geschrieben:eben sowas meinte ich *g* liegt an dem "height" in einer tabelle oder?
Ja. Allgemein hat XHTML Probleme mit height bzw. vertikaler Ausrichtung, der Geier weiß warum.
Verfasst: 10.01.2006 22:43
von Valerie Raghnall
*am kopf kratz*
das heißt in aktuellen docs nicht verwendbar?
Verfasst: 10.01.2006 23:25
von fanrpg
doch mittels CSS:
Code: Alles auswählen
<div style="vertical-align:middle; text-align:center;"><iframe [...]></iframe></div>
Müsste an sich klappen.
Verfasst: 11.01.2006 13:31
von Valerie Raghnall
aha... ausschreiben... werd ich mal versuchen
ich hab bisher immer nur valign geschrieben... danke für den tipp, ich meld mich dann wieder mit geklappt oder nicht ... hoffentlich ersteres *g*
hmm... das hat mir den inhalt aus dem iframe gekillt... ka warum, vielleicht hab ich auch nur was falsch gemacht...
ich habs jetzt einfach so gelöst, dass ich eine tabelle mit 100% höhe und 100% breite gemacht habe und in dieser tabelle die zentrierung gemacht habe, das funktioniert... zwar nur im ie, aber... das is mir jetzt auch schnurz *g*
danke auf jeden fall an alle, die mir mit ihren gedanken weitergeholfen haben