Weißer Rand um Homepage - wie kann man diesen entfernen (Programmierung mit html5 und CSS)?

Ich habe im Chrome-Browser immer einen Rand um den body. Weiß jemand wie ich den weg bekomme?

Ich kann im Bereich die border beeinflussen, diese sind dann auch über ganzen Bildschirm. Im normalen body bei einer 100%-Angabe bleibt ein kleiner Rand.

Danke für die Antwort.

2 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

userfromberlin

Nutzer, der sehr aktiv auf gutefrage ist

im Thema CSS

06.11.2015, 07:35

Ja Deine Antwort ist super. Noch besser/sauberer:

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

im <style>-Tag

Alphaly

06.11.2015, 00:20

Habs selbst raus bekommen ;)

<body style="margin: 0px;">

das wars.

Ähnliche Fragen

css Rand entfernen

hey leute, ich beschäftige mich seit kurzem mit dem designen von webseiten und habe immer das problem dass ich wenn ich meine ganze seite mit css formatieren will so wie hier:

<body>
<div id="default">
<h1>Inhalt</h1>
</div>
</body>

dann bleibt immer ein weißer rand oben, unten, rechts und links von meinen in css definiertten hintergrundbild

bitte nicht die methode mit 'margin' vorschlagen die funktoniert nicht...

danke für hilfreiche antworten ;)

...zur Frage

HTML / CSS: Weißer Rand?

Hey Leute,

ich habe ein kleines Problem!

Ich programmiere gerade eine Homepage für unsere Feuerwehr (test-feuerwehr.bplaced.net).

Allerdings ist auf der mobilen Version ein weißer Balken rechts und die Schrift geht aus dem Bereich heraus! Wieso ist das so? Kann mir jemand sagen, wie ich das weg bekomme?

...zur Frage

Wie diesen Rand html, css entfernen?

Hey, wie ihr im Bild sehen könnt ist da ein Rand, der nicht da sein sollte. Kann jemand helfen?

body {

overflow-x:hidden;

background-image:linear-gradient(45deg,grey, rgb(66, 66, 66), blue, green, red, black,yellow, rgb(44, 129, 232));

width: 100%;

}

...zur Frage

Kann man html5 ausschalten? Vorzugsweise Chrome.

Seit ein paar Tagen spinnen meine ganzen Browser. Wenn ich ein Stream schauen möchte, was unter html5 komischer weise nur bei chrome funktioniert, ploppen die..ich sag mal "Steuerelemente" (Lautstärkeregler, Minutenanzeige..etc.) die gaaanze Zeit auf, das geht mir so dermaßen auf die Nerven, dass ich jetzt fragen musste. Wenn html5 unter manchen Streamingseiten nicht auszuschalten ist(bei Streamcloud kann man ja den Player wechseln..), gibt es dafür auch eine andere Möglichkeit das Problem zu beheben? Weil so kann ich keine einzige Folge meiner Serien genießen. Ist ja ätzend.

...zur Frage

Bild in div?

Hi ich möchte ein bild in mein div hinzufügen und es soll oben genau in das div passen ohne rand aber irgendwie bleibt dort immer ein weißer rand.

Hier ein stück meines Html code:

                <section class="boxes">
                    <div class="buybox">
                        <img src="blume/sonnenblume.jpg">
                    </div>
                    <div class="buybox"></div>
                    <div class="buybox"></div>
                    <div class="buybox"></div>
                </section>

Hier ein Stück von CSS:

div {
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}
.boxes{
    display: flex;
    flex direction: row;
}
.buybox{
    width: 400px;
    height: 420px;
    background: white;
    margin: 25px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    border-radius: 20px;
    position: relative;
    
}
.buybox img{
    border-radius: 20px;
    height: auto ;
    width: 100% ;
    box-sizing: border-box;
    margin: 0;
}
.buybox:hover{
    transition: .2s;
    background: #E6E6E6;
}

...zur Frage

Css div Container weissen Rand los werden?

Hey Leute, Lerne derzeit CSS und bin gerade bei einem Hindernis gelandet. Irgendwie ist ein weisser Rand aussen von meinem div Container entstanden und egal mit welchen Befehl, er geht einfach nicht weg. Habe es auch schon mit margin: 0%; versucht.

Nix hat funktioniert.

Ich würde den Code gerne einfügen jedoch ist er zu lang. Wenn jemand Interesse hat mir im privat Chat zu helfen kann ich gerne den Code zuschicken.

Hat jemand anderes trotzdem eine Ahnung was das sein kann und wie ich es loswerden kann? Habe den Code bereits kontrolliert und und nix finden können.

...zur Frage

Einbindung von JS und CSS klappt nicht, könnte die Fehlerursache sein?

Hallo Leute, ich wollte gerade zum besseren Verständnis von getElementById() ein Beispiel nachbauen, dazu habe ich ein HTML-Dokument erstellt und die entsprechenden JavaScript- und CSS-Dateien eingebunden. Die CSS-Datei im Kopfbereich, die JS-Datei vor dem schließenden body-Tag. Am Ende soll ein roter Rahmen um eine Tabelle erzeugt werden.

Ich dachte erst, dass es am falsch eingegebenen Pfad liegen könnte, aber der ist soweit ich sehe auch richtig. Egal was ich tue, die HTML-Datei wird ausgegeben, aber ohne die JS- und CSS-Komponenten.

Hier der zugehörige JS-Code:

Hier der JS-Code:

function init() {
    // Selektion nach ID
    const mainElement = document.getElementById("main");
    mainElement.className = "border";
}

Hier der CSS-Code:

.border {
    border: thick solid red;
    border-radius: 25px;
    padding: 5px 25px 25px 25px;
}

...zur Frage

CSS Problem mit Firefox?

Ich will gerade ein kleines CSS-only Dropdown-Menü mittels der Pseudoklasse :focus realisieren. Das funktioniert in Chrome, Edge und Safari super, nur Firefox schießt hier quer und die Links lassen sich nicht anklicken. Meine Vermutung ist, dass es bei Firefox ein Timing-Problem gibt und – vereinfacht gesagt – blur vor click kommt und click ins leere läuft, da der Link dann unsichtbar ist.

Hier ein ganz einfacher Testcase:

HTML

<nav>
 <span class="menu" tabindex="-1">
  Menü aufrufen
  <ul>
   <li><a href="https://www.gutefrage.net/" target="_blank">Gutefrage</a></li>
   <li><a href="https://www.google.com/" target="_blank">Google</a></li>
  </ul>
 </span>
</nav>

CSS

.menu {
 position: relative;
 border: 1px solid silver;
 border-radius: 5px;
 padding: 4px 8px;
}

.menu:focus {
 background-color: coral;
}

.menu ul {
 display: none;
}

.menu:focus ul {
 position: absolute;
 display: block;
}

Link

https://jsfiddle.net/Babelfisch/bck65qeo/6/

Hat jemand eine Idee, wie ich Firefox hier dazu bringen kann, sich wie alle anderen Browser zu verhalten? Ich bin hier gerade mit meinem Latein am Ende, will das ganze aber ungern begraben oder unnötig Javascript dafür nutzen.

...zur Frage

Custom Browser bei Py programmierung verwenden?

Hallo erstmal ich möchte in meiner Python programmierung einen Browser öffnen, dass Problem ist, aber, dass er den Microsoft Edge browser und nicht den Standard browser (Google Chrome) verwendet was muss ich an Lib's importieren bzw. noch herunterladen um so etwas zu steuern? Um rückmeldung würde ich mich freuen.

LG. Jul Go

...zur Frage

CSS > Zoomen deaktivieren?

Hey. Bei Browsern gibt es ja die Möglichkeit zu zoomen.

Und seit paar Jahren sind die Browser sogar so schlau und zommen die Hintergrundbilder und normale Bilder mit. (Also nicht wie anfangs nur den Text).

Kann man dieses Verhalten per CSS deaktivieren? Hab nen großen Background im Body der bei Browser-Zoomen nicht mit gezoomt werden soll, sondern nur der Inhalt..

Ist das möglich?

(Restliche Inhalte sind in Wrapper als Header, Menü und Content zusammengefasst)

...zur Frage

Von wo bekommt man HTML5 und CSS3 und reicht es um eine einfache Webseite mit Bildern zu erstellen?

Ich würde gerne eine Homepage selbst gestalten, wäre es ein Problem dies nur mit HTML und CSS zu machen? Wenn nein, dann ist die Frage woher ich HTML5 und CSS3 bekommen, hab schon gegoogelt, finde aber leider diesbezüglich nichts.. Da ich denke, dass HTML5 und CSS3 schon moderner sind als das Notepad mit HTML und CSS.. ZB kann das alte Programm keine Zwielaute richtig auf der Seite wiedergeben und das stört mich.. also zusammenfassend.. woher bekomme ich HTML5 und CSS3, und reichen die Programme um eine Seite mit Text Bildern und einem moderneren Design zu erstellen? Java Script würde ich ja nur für professionnellere Interaktive Vorgänge brauchen oder?

Ich bedanke mich schonmal im Voraus und mfg :)

...zur Frage

wie mit css , html oder php bildgröße einstellen?

ich habe ne webseite auf der andere leute bilder hochladen können, diese bilder müssen letztenendes immer genau gleich groß sein, wie mach ich das mit einer der folgenden möglichkeiten?

Bild direkt nach upload mit php irgenwie beschneiden und quadratisch machen
mit css quadratisch machen sodass ein stück links und rechts fehlt
mit css quadratisch machen ohne dass links und rechts was fehlt sondern oben und unten ein weißer rand ist

aber das bild darf auf keinen fall verzogen sein oder so

...zur Frage

html/css box neben box bekommen?

Bekomme mit diesem code meine box in die andere box. will sie aber ausserhalb der box haben:

<!DOCTYPE html>
<html lang="de">
<head>
<title>Spezialitäten</title>
<meta charset="UTF-8"/>
<style type="text/css">
h1 {
font-size: 80px;
text-align: left;
color: red}
.hauptbox {
background-image: url(1783.jpg);
background-size: cover;
width: 1500px;
height: 600px;
border: solid;
}
.banner {
height: 200px;
border: solid;
margin: 25px;
width: 1450px;
}
.link {
width: 206px;
height: 300px;
border: solid;
float: right;
color: white;
A:active {color:red};
}
</style>
</head>
<body bgcolor="lightblue">
<div class="hauptbox">
<div class="banner">
<h1>Gdddd</h1>
</div>
<div class="link"
<a name="suche"><h4>Zurück zum Anfang</h4></>
</body>
</html>

...zur Frage

Content in die mitte packen html, css?

Ich arbeite an einem Discord bot Dashboard und ich möchte, dass die Kästchen vom <li></li> nicht untereinenander sind sondern neben einander bis zum bildschirm rand und dann eins runter gehen.

html:

 <ul>
  <li><a class="content"><button onclick='ping()'>Working?</button>   
  </a></li>
  <li><a class="content"><input type="text" id="invite" placeholder="server invite"></a>
  <a class="content"><button onclick="add_invite()">Join</button></a>
  <br></li>
  <li>
</ul>

Css:

html,
body{
    width: 90%;
    color: #FE72F3;


 background: #2B2B2B;
    height: 100%;
}
ul{
    list-style: none;
    width: 100%;
    height: 100%;
}
li{


    width: 320px;
    height: 220px;
    background: #494949;
    border: 2px solid #1d1c1c;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-top: 20px;
}
input{
    width: 90%;
    margin: 10px;
    height: 30px;
    border-radius: 5px;


}
button{
    width: 93%;
    margin: 10px;
    height: 35px;
    border-radius: 5px;
    
}

Wie mach ich das?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen