Css - White-Marge auf meiner Web-Seite

ich jede mögliche Kombination von Lösungen zur Verfügung gestellt habe versucht bekommen dieser Marge zu befreien, wie:Css - White-Marge auf meiner Web-Seite

body {  
    margin: 0 !important; 
    padding: 0 !important; 
}

und

* { 
    margin: 0px; 
    padding: 0px; 
}

und

* { 
     margin: 0; 
     padding: 0; 
     border: 0; 
     outline: 0; 
     font-size: 100%; 
     vertical-align: baseline; 
     background: transparent; 
    }

aber es wird nicht helfen. In der Tat habe ich fast jede vernünftig klingende Lösung aus Top 5 Stackoverflow Frage zu meinem Thema versucht und immer noch kein Ergebnis. Meine Webseite ist:

<!DOCTYPE html> 
<html> 
<head> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>My Page Title</title> 
    <link rel="stylesheet" href="css/normalize.css"> 
    <link rel="stylesheet" href="css/style.css"> 
</head> 
<body> 


    <header class="main-header"> 
     <h1 class="name"><a href="#">Header text here</a></h1> 
    </header>

und die CSS ist:

body { 
    line-height: 1.6; 
    color: #3a3a3a; 
    font-family: "Arial", sans-serif; 
} 

a { 
    color: #fff; 
    text-decoration: none; 
} 

.main-header { 
    background: #3acec2; 
}

ich normalisieren Version 7.0 auf dem Laufenden über 30.08.

Quelle

2017-08-30 tnsaturday

können Sie Snippet-Code liefern arbeiten ..? –

können Sie einen Screenshot Ihres Problems oder jsfiddle anhängen? –

Der Rand kommt aus dem 'h1' Element – sol

Entfernen h1 margin-top und Marge von body Tag.

body { 
 
    line-height: 1.6; 
 
    color: #3a3a3a; 
 
    font-family: "Arial", sans-serif; 
 
    margin:0; 
 
} 
 
a { 
 
    color: #fff; 
 
    text-decoration: none; 
 
} 
 
.main-header { 
 
    background: #3acec2; 
 
} 
 
.main-header h1 { 
 
    margin-top: 0; 
 
}

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 
    <title>My Page Title</title> 
 
    <link rel="stylesheet" href="css/normalize.css"> 
 
    <link rel="stylesheet" href="css/style.css"> 
 
</head> 
 
<body> 
 
<header class="main-header"> 
 
    <h1 class="name"><a href="#">Header text here</a></h1> 
 
</header> 
 
</body> 
 
</html>

Quelle

2017-08-30 10:06:45

Css - White-Marge auf meiner Web-Seite

Antwort

Verwandte Themen