So fügt Raum über Video Viewer

Question

Hier ist der Link zu der Seite in Frage:

http://ollapodridawhatuneeda.com/video_viewer2.html

Ich will Raum über dem Video-Viewer-Bildschirm, aber so weit das Hinzufügen Marge oder padding zu den verschiedenen Behältern hat hat nur dazu geführt, dass das gesamte Content-Div heruntergeschoben wurde. Ich möchte es über dem Video-Viewer blau halten, nicht weiß. Bis jetzt habe ich es nur geschafft, den Container nach unten zu drücken, während ich ein weißes Band darüber lasse, was nicht der Effekt ist, den ich möchte.

Irgendwelche Ideen?

Barry Glick

Answer 1

Eine Möglichkeit, Ihre Aufgabe zu erreichen, ist die Sie hinzufügen können:

padding-top: 100px; 

für die <div id="content">, so dass Ihre neue CSS würde wie folgt aussehen:

#content { 
    width: 960px; 
    height: 1000px; 
    background: #9CC; 
    margin: 0 auto; 
    padding-top: 100px; 
} 

Dies drückt der Videocontainer herunter.

Answer 2

Es gibt zwei mögliche Methoden, je nachdem, wo Sie den Abstand wollen (probieren Sie es einfach):

1.) In margin: 100px; (oder Wert was auch immer) zu #videoContainer (fügt oben die hellblaue Fläche)

2.) Oder fügen padding-top: 100px; zu #content (fügen innen die hellblaue Fläche)