Befreien Sie sich von -webkit-padding-start: 40px

Lesezeit: 2 Minuten

Ich arbeite daran, einer Karte ein Menü hinzuzufügen. Das Menü funktioniert einwandfrei, außer dass ich bemerkt habe, dass links immer eine Auffüllung vorhanden ist, unabhängig davon, welches CSS auf das Menü angewendet wird. Das Padding scheint von (-webkit-padding-start: 40px;) zu stammen und will nicht verschwinden. Ich habe versucht, es mit zu überschreiben 0 !important; das hat nichts gebracht.

Nachdem ich beim Googeln folgendes gefunden habe:

-webkit-padding-start: 40px; Was sollte es für IE und Firefox sein?

Konnte jedoch nichts anderes darüber finden, wie man dies überschreibt oder entfernt. Ich muss Elemente im Menü ganz links haben.

Im Anhang ist ein Screenshot, der grüne Bereich ist das, worüber ich spreche, und unter Stile können Sie sehen -webkit-padding-start: 40px;

@sqe margin-left: -40px; das hat tatsächlich funktioniert, ich bin mir immer noch nicht sicher, woher es kommt?

– Benutzer1930845

27. März 2015 um 18:12 Uhr
Siehe meine Antwort unten, das liegt an den User-Agent-Stylesheets jedes Browsers.

– quadrat

27. März 2015 um 18:13 Uhr
Nach dem Hinzufügen margin-left: -40px; Dieses ‘-webkit-padding-start: 40px’ ist immer noch da, aber das Menü ist ganz links. Vielen Dank.

– Benutzer1930845

27. März 2015 um 18:15 Uhr

Das liegt an den User-Agent-Stylesheets jedes Browsers. Sie sollten als ersten Schritt immer alle Attribute in Ihrem CSS zurücksetzen.

Kurze Lösung:

* {
  margin: 0;
  padding: 0;
}

/* your styling */

Längere Lösung:

http://meyerweb.com/eric/tools/css/reset/

Das funktioniert auch. nutze ich lieber margin-left: -40px; vorerst weil das nur das menü betrifft nicht das ganze projekt sondern im nächsten projekt wird css reset verwendet. Vielen Dank.

– Benutzer1930845

27. März 2015 um 18:16 Uhr
Gern geschehen. Stellen Sie sicher, dass Sie die anwenden margin-left: -40px; nur in diesem speziellen Menü (mit Anwenden einer ID wie #special-ul { margin-left: -40px; }), um den Rand zu vermeiden jeder Ul.

– quadrat

27. März 2015 um 18:19 Uhr
Vielen Dank an Sie und den Thread-Ersteller. Ich war verrückt und fragte mich, wo die Polsterung aus dem Nichts auftauchte! Danke Leute.

– Benutzer1057001

10. September 2019 um 0:01 Uhr
Sie haben gerade jedem Element auf der gesamten Seite einen Stil mit hoher Wichtigkeit zugewiesen. Leser: TUN SIE DAS NICHT. Wenn Sie Rand- und/oder Auffüllregeln anwenden möchten, tun Sie dies auf eine spezifischere Weise als *.

– WebWanderer

5. Februar 2020 um 22:34 Uhr

für Firefox:

-moz-padding-start: 0px;

Ich hatte dieses Problem auch für ein Menü und versuchte, es in dem von mir verwendeten ul .navigation {}-Stil zu korrigieren, aber es funktionierte nicht, bis ich es in ul {} selbst zurücksetzte – falls jemand anderes die gleichen Probleme hat.

So wie es derzeit geschrieben steht, ist Ihre Antwort unklar. Bitte bearbeiten Sie, um zusätzliche Details hinzuzufügen, die anderen helfen zu verstehen, wie dies die gestellte Frage beantwortet. Weitere Informationen zum Verfassen guter Antworten finden Sie in der Hilfe.

– Gemeinschaft
bot

21. Juli um 22:47 Uhr

12827800cookie-checkBefreien Sie sich von -webkit-padding-start: 40px

#CSS #html #Speisekarte #Webkit