Bu göreceli konumlandırılmış div IE'de farklı görüntülenir nasıl geliyor?

6 Cevap php

Başka bir div içinde göreli bir konuma div var. Iç-div yüzdesi (:;:% 13 üst% 0 solda) ile konumlandırılmıştır.

Benim sorun tüm IE sürümlerinde div daha aşağı Chrome'da, veya FF görüntülenir nerede daha bazı piksel görüntülenir olmasıdır ...

Herkes bu tanımıyor?

   <div class="nav_container" id="nav_container">
   <div id="nav_container2" style="position: relative; left: 0%; top: 13%;"></div>
   </div>

Ayrıca, web siteme yani IE ile en sık görülen sorunlar hakkında bazı makale takdir ayarlamak hemen tarayıcınıza duyuyorum.

Teşekkürler

GÜNCELLEME:

Burada birincil div tarzıdır.

.nav_container {
    background-image: url(../Graphics/menu_lvl1.gif);
    height: 101px;
    width: 720px;
}

6 Cevap

Benim tahminim IE farklı (genellikle düzen böcek konudur) Krom / Firefox daha doldurma / kenar işleme olmasıdır.

Sen pozisyon konularda, aksi takdirde (tüm farklı) tarayıcı varsayılan onu terk ederken iki padding ve margin belirtmek için en iyi gidiyoruz.

Ayrıca sayfa IE tarafından tuhaflıklar Mod içine yükleniyor değil emin olun. Eğer standartlar moduna yüklemek için IE zorlamak için sayfanın üstündeki uygun DOCTYPE tanımı olduğundan kesinlikle emin olun. W3Schools nerede ve nasıl kullanılacağını iyi bir özet var:

W3Schools - HTML doctype declaration

Ve sonra W3C geçerli tüm bildirimleri bir listesi vardır:

W3C QA - Recommended list of Doctype declarations you can use in your Web document

Bunların hiçbiri ilgileneceğim varsa, IE sürümünü belirli CSS oluşturabilir ve Şartlı Yorumlar kullanarak yükleyebilirsiniz. Yani top IE tabanlı için farklı değerleri belirtmek için izin verecektir.

@ Camran

İşte ben bu size yardımcı olur umarım kardeşim gidin. http://www.positioniseverything.net/articles/cc-plus.html Herşey tam detaylı ve birlikte takip etmek kolaydır. Ben de aynı sorunu yaşıyorum ve bana ne öldürür onlar profesyoneller olduklarını iddia kim konuştuk herkes dir İnan bana mükemmel konumlandırma için bir imkânsızlık, henüz burada bir çözüm geldi birisi olduğunu belirten tuttu.

IE tuhaflıklar modda çalışmadığından emin olun. Eğer doctype ilanından önce herhangi bir metin varsa, bu olur. Onun modunda tuhaflıklar Eğer CSS için iğrenç davranır. Peki, normal moreso.

conditional comments buna göre IE ve değişim top hedef kullanın.

IMO, bu IE sorunları çözmek için bilmeniz gereken TEK şey var.

Eğer bir css sıfırlama kullanıyor musunuz? (Http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) Bu, tüm tarayıcılar aynı varsayılan dolgu ve marj ile başlayan emin olun yardımcı olacağız.

Bir reset stylesheet denemek ve görmek eğer yardımcı olur. Başka bir CSS bildirimlerden önce ekleyin.

etiketler