2015-03-27 14 views
37

Haritaya bir menü ekleme üzerinde çalışıyorum. Menü gayet iyi çalışıyor dışında her zaman CSS hangi menü için uygulanan olursa olsun solda bir dolgu olduğunu fark ettim. Dolgu, (-webkit-padding-start: 40px;) 'dan kaynaklanmış gibi görünmektedir ve gitmekten vazgeçmek istememektedir. Hiçbir şey yapmayan 0 !important; ile geçersiz kılmaya çalıştım.-webkit-padding-start'tan kurtulun: 40px

Googling buldum sonra:

-webkit-padding-start: 40px; What it should be for IE and Firefox?

Ancak geçersiz kılabilir veya bu gitmesini sağlamak hakkında başka bir şey bulamadı. Soldaki menüde eşyalara ihtiyacım var. Ekli

enter image description here

bir ekran görüntüsü, yeşil alan yaklaşık ve -webkit-padding-başlangıcını görebilirsiniz stilleri altında bahsediyorum şudur: 40px;

+0

margin-left: -40px;' Bu aslında çalıştı, hala nerede emin değilim o geliyor? –

+0

Aşağıdaki yanıtıma bakın, her tarayıcının kullanıcı aracısı stil sayfaları nedeniyle. – sqe

+0

Kenar boşluğunu ekledikten sonra: -40px; 'bu '-webkit-padding-start: 40px' hala var ama menü sol tarafta. Teşekkür ederim. –

cevap

38

Bu, her tarayıcının kullanıcı aracısı stil sayfalarından kaynaklanmaktadır. Css'deki tüm nitelikleri her zaman ilk adım olarak sıfırlamanız gerekir.

Kısa çözüm:

* { 
    margin: 0; 
    padding: 0; 
} 

/* your styling */ 

Uzun çözüm:

`@sqe

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

+3

Bu da çalışır. “Margin-left: -40px;” işlevini kullanmayı tercih ediyorum çünkü bunun nedeni sadece projenin tamamını değil, bir sonraki projede de css sıfırlamasını kullanacaktır. Teşekkür ederim. –

+0

Rica ederim. Kenar boşluğunu önlemek için, sadece marj-sol: -40px; 'sadece belirli bir menüde (id gibi # # özel-ul {margin-left: -40px;}') uygulanarak ** uygulandığından emin olun. her ** ul. – sqe

İlgili konular