Wie mache ich ein vertikal zenrtiertes Video, das auch beim Scrollen mittig bleibt?

[nilsk]

Hallo liebe HTML und CSS Spezies,

ich möchte folgendes machen:

• Links im Bild einen Fließtext, den man runterscrollen kann.
  (Habe ich schon fertig; in einem hübschen DIV)
  
  
• Rechts davon soll, vertikal mittig im Bild, und soll auch beim
  Runter-Scrollen mittig bleiben(!), ein eingebettetes Youtube-
  Video laufen, damit man das Video ansehen kann und den
  Text des Videos mitlesen kann.

Wie mache ich das am besten?

Grüße
Nils

 

[nilsk]

OK, das Problem ist QUASI gelöst.
Aber noch nicht perfekt.

Ich habe jetzt:

Textbox, links:

#textcontainer {
position: relative;
width: 60%;
background: #ffffff;
max-width:600px;
margin: 0 0 25px 4px;
padding: 15px;
text-align: justify;
}

#video {
max-width:320px;
position: absolute;
top: 11em; right: 1%;
position: fixed;
}


Hier gibt es allerdings noch zwei Probleme:

1) Wenn ich das Browserfenster zusammenschiebe, dann unterschneidet
das Video div das Text div ...

Wie kriege ich es hin, dass sich die beiden nicht mehr berühren?

... Margin klappt irgendwie nicht.

2) Wenn ich bei dem Video div eine Breite in Prozent angebe, dann
verschwindet ein Teil des Videofensters hinter dem rechten Browser-Rand.
Wie kommt das?


Wäre klasse, wenn jemand dabei helfen kann!

Grüße
Nils