Jak usunąć całkowicie marginesy na stronie

0

Mam taki dodany styl:

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

A mimo to nie usuwa mi marginesów na stronie.

0

poczytaj o reset css

0

Spróbuj tak :

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

nie pomogło

0

Wkleiłem ten kod w celu zresetowania cssa i też nie pomogło: https://meyerweb.com/eric/tools/css/reset/

0
* {
    
    width: 100% !important;
}

Takie coś mi tylko rozciąga na maksa element na stronie bez marginesów.

0
Radoix napisał(a):

Spróbuj tak :

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

Mega hardcoding...
Najpierw musimy się dowiedzieć co tam trzymasz w tym kodzie. Masz jakiś adres strony albo możesz to puścić na pastebin/jsfiddle? Zobaczymy wtedy dokładnie z czym jest problem

0

To mam w pliku css:

* {

    margin: 0px;
    padding: 0px;

}

A to w widoku:

<head>
    <link rel="stylesheet" href="/css/styl.css" type="text/css" /> 
</head>

<p>cos</p>
1

To ja bym Ci zaproponował taką strukturę CSSa:

html { width: 100%; height: 100%; }
body { font-family: sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0;  }

*:before, *:after { box-sizing: border-box; }
* { box-sizing: border-box; }

Zdejmujesz sobie wtedy margines na body i masz wszystko na czysto + włączasz (czy tam włanczasz) includowanie paddingów do środka.
Resztę marginesów zdejmuj sobie już normalnie w danym tagu tj:

p { margin: 0; padding: 0; }

No i masz tutaj jeszcze (https://www.sitepoint.com/a-basic-html5-template/) przykładowy szablon strony w HTML5. Zwróć szczególną uwagę na nagłówki i resztę, żeby przeglądarki dobrze Ci interpretowały kod. Być może przez to w ogóle plik ze stylami nie jest zaciągany przez przeglądarkę, stąd brak efektów.

0

Dodałem ten kod, który podałeś i nie pomogło:

html {
    width: 100%;
    height: 100%;
}

body {
    font-family: sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}

*:before, *:after {
    box-sizing: border-box;
}

* {
    box-sizing: border-box;
}

p {
    margin: 0;
    padding: 0;
}
0

Wrzuć kod na jsfiddle, bo coś musisz robić nie tak, a my tego nie wywróżymy z odpowiedzi "nie działa".

0

A mimo to nie usuwa mi marginesów na stronie.

Pytanie jeszcze - które te marginesy? Tzn. jakiego elementu? Możesz zrobić jakiś screen i pokazać o co chodzi?

0

Wydaje mi się że może to być wina domyślnego line-height. Spróbuj dać line-height: 1em dla * {}

1

A patrzyłeś w dev toolsach przeglądarki (nie wiem z jakiej korzystasz) na jakim elemencie masz ten margin? Sprawdź computed styles skąd ten margin jest brany.

0

A ładuje ci w ogóle plik styli? Masz dobrą ścieżkę do pliku?

0

Właśnie sprawdź, czy dobrze masz podlinkowane te style, bo to:

* {
  margin: 0;
}

powinno już załawtić sprawę.

0

może to wcale nie body ma margines, tylko jakiś element w środku strony (poza tym skąd wiesz, czy to jest margines, a nie padding czy złe pozycjonowanie jakichś elementów?). W sumie tak jak inni mówili - dev toolsy w dłoń i sprawdzasz, gdzie się robi odstęp.

A może się tak okazać, że to ty sam sobie ten margines dodajesz w jakiś sposób.

0

Spróbuj
https://necolas.github.io/normalize.css/
Daj znac o rezultacie.
Ogólnie ten styl resetuje wszystko dla wszystkich przeglądarek.

1 użytkowników online, w tym zalogowanych: 0, gości: 1