Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

Zevcore

Margines, którego nie powinno być

Promowane odpowiedzi

Zevcore    0

Kodzik:

<body>
    <header id="header">
        <h1>Nagłowek pierwszy</h1>
        <h2>Nagłowek drugi</h2>
    </header>
</body>
body {
    margin: 0 auto !important;
    padding: 0;
}
#header {     
    width: 100%;
    background-color: #252525;
}

Problem jest w tym że mam ten niechciany margines na górze nad headerem, nie mam juz pojecia jak go usunac.

Przechwytywanie.PNG

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Mativve    1,260

spróbuj dać coś takiego do cssa na początku

 

*{margin:0;padding:0;box-sizing:border-box;}

Edytowane przez Mativve

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
BlackIce    3,474

To jest niepotrzebne:

margin: 0 auto !important;

Wystarczy:

margin: 0;

A co do marginesu - zbadaj element i sprawdź co go powoduje. Bez pliku źródłowego / demo nie rozwiążemy problemu.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ShanonWEB    724
body {
    margin: 0 auto !important;
    padding: 0;
}
#header {     
    width: 100%;
    background-color: #252525;
}

zmień na:

body {
    margin: 0;
    padding: 0;
}
#header { 
    width: 100%;
    background-color: #252525;
}
h1{
margin:0;
}
h2{
margin:0;
}

demo: Edit fiddle - JSFiddle

Edytowane przez ShanonWEB
link do demo
  • Nie lubię tego! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Lord Fenrir    611

Nagłówki domyślnie posiadają margines górny i dolny. Ustaw dla 'h1' margines zerowy i powinno być po problemie.

  • Lubię to! 2

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony.


×