#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: Unbenannt-2.jpg Dateigröße: 80,9 KB Aufrufe: 346 + Multi-Zitat Zitieren
#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. + Multi-Zitat Zitieren
#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 + Multi-Zitat Zitieren
#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. + Multi-Zitat Zitieren