Positionierung Inhalt in einem iframe in einer übergeordneten div
Ich habe eine Seite, die ich brauchen, um zu dienen, die über ein iframe, aber ich muss nur die Anzeige der Teil der Seite, die ganze Sache nicht.
Mein aktuelle code:
<div style="display:block;overflow:hidden;width:500px;height:350px;">
<iframe height="350px" scrolling="no"
src="http://my/page/i/want/to/show/part/of/here/" width="500px"></iframe></div>
Dachte ich, dass wäre die beste option sein, zu dienen dem iframe in einer übergeordneten div mit "overflow:hidden", so dass es wirkt wie ein Bilderrahmen. Das funktioniert, aber das problem ist, dass die Inhalte, die ich zeigen will, ist in der Mitte der iframe-Seite und der div wird immer vorausgesetzt, dass 0, 0 ist der start des Rahmens. Ich brauche die position der iframe, so dass das div-Element genau über den Teil der Seite, die ich sichtbar sein soll.
Kann ich tun?
Versuchen Sie dies:stackoverflow.com/a/21004331/1873806
InformationsquelleAutor user1149499 | 2012-04-18
Du musst angemeldet sein, um einen Kommentar abzugeben.
Verwenden Sie negative Werte für margin-top und margin-left um die position des iframe. Betrachten Sie den code unten:
InformationsquelleAutor krisrak
In der Inhalte angezeigt, die innerhalb des iFrames, wenn Sie können ein element mit einer id markiert die Spitze der Teil der Inhalte, die Sie wollen, zu Spitze durch, dann kannst du den iframe-src-Attribut mit diesem Anker an die url
iframe-Inhalt HTML:
iframe-tag:
UPDATE -- BESSERER ANSATZ:
Oder Sie können einfach verwenden Sie die absolute Positionierung auf das iframe in den div. Müssen Sie die iframe Höhe und Breite breiter und höher als die Fenster, Sie sind passend, es in, um Platz für die offsets.
Diesem Beispiel sehen: http://jsfiddle.net/sNSMw/
Ah, guter Punkt, nur ich habe keine Kontrolle über den Quelltext der Seite innerhalb des iframe. Also alle Einstellungen auf der ersten Seite.
Wie kommt es, dass die position der Inhalte sitzt tiefer im Firefox als im Chrome? Wenn Sie es vergleichen, werden Sie sehen, dass Sie nicht zeigen exakt den gleichen Inhalt. Kann dies behoben werden?
InformationsquelleAutor Faust
Trick ist, alle im iframe style-Parameter. Die Unterbringung in den zusätzlichen Behälter wird mit Hilfe alignment-Anforderungen.
Kredit spamtech.co.Großbritannien für die Hilfe und Beispiele: http://spamtech.co.uk/tips/position-content-inside-an-iframe/
InformationsquelleAutor l0g1kaL
InformationsquelleAutor Thiwanka