Abstand vom HTML zum Browser einstellen?

Dieses Thema im Forum "Webdesign" wurde erstellt von »The Gr4ndp4, 17. Dezember 2014 .

Schlagworte:
  1. 17. Dezember 2014
    Hallo,

    ich hab eine kleine Frage, und zwar hab ich folgendes Problem,

    wenn ich einen DIV machen möchte, der komplett die breite und eine bestimmte Höhe haben soll, und kompett oben sein soll, ist trotzdem nach links, rechts und oben ein kleiner Abstand, wie bekomme ich den weg ?


    HTML CODE
    Code:
    <html>
    <body>
    
    <div id="head">
    </div>
    
    
    </body>
    </html>
    

    CSS CODE
    Code:
    
    body {
    
     background: grey;
    
    }
    
    #head {
     background:black; 
     top: 0%;
     height: 180px;
     width: 100%;
     
    }
    
    Danke für jede Hilfe
     

    Anhänge:

  2. 17. Dezember 2014
    AW: Abstand vom HTML zum Browser einstellen?

    damit stells du den abstand zwischen browserfenster und inhalt ein:

    Code:
    body, html {margin:0;padding:0;}
    je nach browser gibt es da eine standard einstellung die so überschrieben wird.
     
  3. 17. Dezember 2014
    AW: Abstand vom HTML zum Browser einstellen?

    Ah ok super danke,


    ich hätte noch eine andere Frage,

    wie setzt man sowas am besten um, wie auf der folgenden Seite, das ein Video in automatisch so groß abläuft.

    Gibt es da irgendwelche Stickpunkte nach denen ich suchen kann?


    The Yacht Company - Luxury Yacht Experiences | Y.CO
     
  4. 17. Dezember 2014
    AW: Abstand vom HTML zum Browser einstellen?

    Mit HTML5 einfach das Video als Background laufen lassen.

    Code:
    .homepage-video {
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     z-index: 10;
     overflow: hidden;
    }
    
    .homepage-video video {
     min-width: 100%;
     min-height: 100%;
     z-index: 10;
    }
    
    

    Jeweils eine Source nach wahl. Beispiel von der genannten Seite:

    Code:
    
    <div class="homepage-video">
     <video loop="loop" autoplay="autoplay" preload="auto">
     <source src="http://m.y.co/video/h264/luxury-yacht-charter-video.mp4"></source>
     <source src="http://m.y.co/video/ogg/luxury-yacht-charter-video.ogv"></source>
     </video>
    </div>
    
    Beispiel für andere Quellen:
    
    <div class="homepage-video">
     <video poster="movie.jpg" controls>
     <source src='movie.webm' type='video/webm' />
     <source src='movie.ogv' type='video/ogg' />
     <source src='movie.mp4' type='video/mp4' />
     </video>
    </div>
    
    Alle anderen Elemente wie Head und Foot etc werden dann einfach mit einem größerem z-index im css oben drauf gelegt.
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.