Vollständige Version anzeigen : Abstand vom HTML zum Browser einstellen?


»The Gr4ndp4
17.12.2014, 13:33

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

<html>
<body>

<div id="head">
</div>


</body>
</html>



CSS CODE


body {

background: grey;

}

#head {
background:black;
top: 0%;
height: 180px;
width: 100%;

}


Danke für jede Hilfe

Hardware Preisvergleich | Amazon Blitzangebote!

Videos zum Thema
Video Loading...
raid-rush
17.12.2014, 14:41

damit stells du den abstand zwischen browserfenster und inhalt ein:

body, html {margin:0;padding:0;}

je nach browser gibt es da eine standard einstellung die so überschrieben wird.


»The Gr4ndp4
17.12.2014, 17:14

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 (;y~co/)


raid-rush
17.12.2014, 17:27

Mit HTML5 einfach das Video als Background laufen lassen.


;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:



<div class="homepage-video">
<video loop="loop" autoplay="autoplay" preload="auto">
<source src=";m;y~co/video/h264/luxury-yacht-charter-video;mp4"></source>
<source src=";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.


Ähnliche Themen zu Abstand vom HTML zum Browser einstellen?
  • Abstand zwischen 2 Bildern entfernen [html]
    Hallo, habe ein problem, wie bekomme ich den abstand zwischen 2 bildern weg. Habe alles versucht, google hat mich auch nicht weitergebracht, evtl habt ihr ne ahnung. (ist mit html gemacht, hier der link zu meinem projekt: Download offline!/ evtl könnt ihrs mir verbessern / mir weiterhelfen. [...]

  • [HTML] abstand nach oben entfernen ?
    hallo ich bin grad dabei für n kollegen ne homepage zu basteln , sie soll aus tabellen aufgebaut sein und soll einen "bannerteil" mit einer anderen hintergrundfarbe beinhalten allerdings habe ich jetzt das problem dass die tabelle mit einem abstand nach unten und nach rechts angezeigt wird ist glau [...]

  • [HTML] Abstand zwischen Divblöcken im IE7
    In Firefox und Opera funktioniert es so wie es soll die Divblöcke liegen direkt übereinander, aber beim IE eben nicht... Es ist immer ein kleiner Abstand dazwischen. Hier mal der Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1;0 Transitional//EN" ";;;w3~org/TR/xhtml1/DTD/xhtml1-transition [...]

  • [HTML] abstand reinmachen
    hallo, ich versuche verkrampt hier nen abstand reinzubekommen zwischen den zwei nebeneinanderliegenden bildern. wie kann ich das machen bzw. wer kann mir das machen? muss kein großer abstand sein, so dass man halt gut sehen kann, dass es nicht zusammen ist: <strong>;x</strong><br /> <br /> <tab [...]



raid-rush.ws | Imprint & Contact pr