zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Site- und Layoutcheck
Seite neu laden iFrame nicht vertikal mittig

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.02.2014, 14:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2014
Beiträge: 2
1000grad befindet sich auf einem aufstrebenden Ast
Standard iFrame nicht vertikal mittig

Hallo,
ich hoffe ich bin hier in dieser Rubrik korrekt.

Es geht darum, dass ich unter folgender Seite: Projekt 1000 Grad.
ein iFrame-Video eingebunden habe, es aber nicht (vertikal) mittig zentriert bekomme.
Ich hatte es auch schon mit "valign=center" probiert, aber es scheint so, als ob ich etwas übersehe.
Ich wäre super dankbar, wenn mir jemand sagen könnte, was geändert werden muss.
Hier der Quelltext: http://pastebin.com/XHpzjbBg

Tausend Dank!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.02.2014, 15:03
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

"CSS-Tabellen" wäre eine Lösung.
html bekommt „display: table“, body „display: table-cell“.
iframe bekommt „position: relative“ (wegen dem Hintergrundbild) und „display: inline-block“.
iframe (nach Außen jetzt ein inline-Element) wird horizontal mit „text-align: center“ und vertikal mit „vertikal-align: middle“ für body zentriert.
Das Hintergrundbild bleibt „absolute“ positioniert, ein „z-index“ ist nirgendwo nötig, aber „left“ und „top“ (auf 0) bei dem Bild.
__________________
Grüße: Emil
--------------------------------------
https://emil-webdesign.net/

Geändert von etux (26.02.2014 um 15:57 Uhr) Grund: "vertikal mit" fehlte noch vor „vertikal-align: middle“ für body zentriert.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.02.2014, 15:07
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

Hier, wie ich das in etwa meine:
HTML-Code:
<!doctype html>
<meta charset="UTF-8">
<title>1000grad :: xhtmlforum.de</title>
<style>
html { display: table; width: 100%; height: 100%; }
body { display: table-cell; vertical-align: middle; text-align: center; }
img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
iframe { position: relative; display: inline-block; /*text-align: left;*/ }
</style>
<img src="http://www.projekt1000grad.de/background.jpg" alt="">
<iframe width="640" height="385" src="https://docs.google.com/file/d/0B_abwvRggwmCTUJwY2FtX2Noekk/preview"></iframe>
__________________
Grüße: Emil
--------------------------------------
https://emil-webdesign.net/
Mit Zitat antworten
  #4 (permalink)  
Alt 26.02.2014, 15:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2014
Beiträge: 2
1000grad befindet sich auf einem aufstrebenden Ast
Standard

Juhu, super! Ich danke dir!
Nach deinem ersten Post war ich ein wenig aufgeschmissem und hatte noch en bisschen probiert - wäre aber in die Hose gegangen.

Echt toll, dass du eben noch den Code gepostet hast!

Danke!
Mit Zitat antworten
  #5 (permalink)  
Alt 26.02.2014, 15:34
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

Bitte, gern.
__________________
Grüße: Emil
--------------------------------------
https://emil-webdesign.net/
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
<li> - Links im CSS-Menü Vertikal mittig ausrichten horstetwalt CSS 9 06.10.2010 18:41
Wie eine Grafik in einer Zeile vertikal mittig positionieren? bogazci CSS 5 02.10.2010 20:05
Zitat soll in einer Box immer Vertikal Mittig ausgeben werden michi-muc CSS 1 22.10.2008 18:42
Eine Überschrift zwischen zwei bildern vertikal mittig ausrichten leobuch CSS 4 02.02.2007 11:25
Text in einem DIV vertikal mittig zentrieren christoph CSS 7 15.01.2007 12:07


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:50 Uhr.