Iframe-Positionierung

8

Dies ist iframe-Code von Google Übersetzer.

%Vor%

Ich habe versucht, etwas Ähnliches mit den gleichen div- und iframe-Tags zu machen, aber die html-Seite endet nicht wie Google translate.

%Vor%

Der iframe erscheint rechts oben auf der Seite, anstatt später 160px zu erscheinen, wie vom div angegeben.

Ich bin nicht sicher, was hier mit meinem Code falsch ist, der fast der gleiche wie der Google-Code ist.

Bearbeiten: Das Hinzufügen der Position: relativ zum Tag ist nicht als Lösung geeignet. Es schrumpft das div in einen Balken mit geringer Höhe. Es bedeutet auch, dass die genaue Position der Seite in Bezug auf die Seite nicht angegeben werden kann.

    
John Tan 23.03.2013, 14:22
quelle

4 Antworten

5

Es liegt daran, dass Sie position:relative; auf #contentframe

vermissen %Vor%

position:absolute; positioniert sich gegen den nächsten Vorfahren mit einem position , der nicht static ist. Da der Standardwert static ist, wurde das Problem verursacht.

    
Daniel Imms 23.03.2013 14:24
quelle
3

Sie müssen diese CSS-Eigenschaft verwenden,

%Vor%

Verwenden Sie es für Ihr #contentframe div-Tag

    
user2536752 30.06.2013 15:52
quelle
2

Fügen Sie die CSS-Stil-Eigenschaft hinzu

%Vor%

auf den div-Tag, es funktioniert,

    
Anurag-Sharma 23.03.2013 14:57
quelle
0

Sie sollten Position verwenden: relativ; für einen iframe und position: absolut; für die Sekunde;

Beispiel: für den ersten iFrame verwenden:

%Vor%

für zweiten iframe verwenden:

%Vor%     
Subramonian Inian 08.08.2016 15:59
quelle

Tags und Links