BT ifade

Zaman ve tekrar tekrar, zaman davranmaya görülen tüm diğer tarayıcılar gibi w3c kuralları, bir sinir krizi atarak gelişim ruhu IE spiraller dışarı tarafından anlatılan, bir düzeltme var gibi görünmüyor. Sadece böyle bir IE7 bu konudur.

Problem Durumu:
Ben ve benzeri diğer ciddi web geliştiricileri birçok bazı bağlantılar (çapa etiketler) üzerinden vurgulu üzerinde düzeni içinde yüzen, orada iç içe pek çok kez, daha fazla fark etmiş olabilirsiniz, içeren konteyner sağa bir kaç piksel kaydırmak gibi görünüyor . Ben bu sorun için google çözümler denedi, ama neredeyse neden herhangi bir makul cevabı bulduk ve oluştuğunda (oluyor bu sorunu önlemek için yardımcı olacağı), dolayısıyla ben de soruna net bir çözüm bulmadım ...

Olası Çözüm:
Deneyim Out, ben bu konuda yanlış davranmaya konteyner CSS tanımında bir zum özelliğini ekleyerek sabit olduğu, yani kez bildirimi% 90 oranında var ...

 # Somediv {
       zoom: 1;
 }

tekrar nedenleri belirsizdir ... Bu deneyin ...
IE bazı elemanları varsayılan olarak "gerçek" bir "hasLayout" özelliği var. Birçok görsel CSS davranışları, örneğin, bir alfa filtresi sadece o hasLayout bir öğe üzerinde çalışır. ve {Zoom: 1} hedef elemanları hasLayout özelliği vermek gibi görünüyor .... Faydalı? Dont olan ben öyle düşünüyorum ...

Zum özelliği de Chrome tarafından desteklenen görünüyor, ancak kullanımı kuvvetiyle benim düzeni üzerinde çok olumsuz etkisi gibi görünüyor ... sizin için çalışıyor, bu deneyin ... eğer bu olmuyorsa, "CSS craps" altında bu sayfayı işaretleyin

Google ... Bir hareket istemi insanların IE6 dökümü ... sayfa yük bir POPUP ile adamcağız IE6 kullanıcıları tarafından başlar çok iyi bir fikir olmayabilir ... ama bir UI geliştirici olmanın, bu band wagon katılmak zorunda ... benim için en küçük bir tarayıcı endişe Üzgünüz ... bencil öyle! ama bu javascript de var ... (IE6 BU SAYFA YTL) ...
Hey! ve parlak notu ... o JAVASCRIPT ve GÜÇ bir göstergesi olduğuna bakınız .... hatta dev bir aşağı getirebilir (veya bir zamanlar öyleydi)

SO ... javascript biri hattı ile IE6 dünya kurtulmak Yardım!

http://code.google.com/p/sevenup/

Eğer css kişi iseniz, çapraz tarayıcı çalışma düzenleri almak ağrı bilemez. IE8 henüz bize geliştiriciler için işleri başka bir anahtar konumundadır. Anywaz! Senin mükemmel çalışıyor IE7 CSS (ve öncesi) ve Firefox aniden IE8 Aksilik başladı dün yaptığım gibi sizi, bu konuda üzerine vurduğunuzda, bu YTL ... Bu güzel an için benim sorunları çözmeye gibiydi ....

Meta beyanı kullanarak, biz IE8 kullanmak istiyorum rendering motoru belirtebilirsiniz. Yani IE8 IE7 gibi render zorlamak için ... belgenizin başı içine aşağıdaki Meta Tag ekleyin: -

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Varsayılan olarak IE Meta olacaktır: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
Hangi IE8 yeni standartlar modunu kullanarak sayfa render yapacak.

Gerekirse, bu dizimi aşağıda diğer tarayıcılar için barındırmak için kullanılabilir:

<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />

Doctypes Hakkında DAHA:

Henüz "Doctype" denilen hayvanın sıralama aşina IF ... Burada bazı hızlı okuma olduğunu
Doctypes nelerdir? TARAYICI tuhaflıklar & KESİN Mod nelerdir?
XSL DOCTYPE ayarlanması

Doctypes hakkında derinlemesine bir anlayış daha fazla bilgi için, bu bağlantıları ziyaret etmeyi deneyin ...
A List Apart: Sağ DOCTYPE ile Sitenizi Fix!
A List Apart: DOCTYPE Ötesinde: Web Standartları, İleri Uyumluluk ve IE8

Not: rağmen çoğumuz HTML / CSS insanların doğru DOCTYPE ayarlanması, bizim belgelerde DOCTYPE izleyen zamanlarda önemini ihmal edilmiş, en çapraz tarayıcı konulara cevap genellikle.

Sigara IE tarayıcılar için CSS: Onun hiçbir aşağıdaki örnekte olduğu gibi CSS Çocuk Seçiciler, IE çalışmak için görünmüyor, CSS geliştiriciler için haber.

örneğin div demektir> p {bazı css}, "bir yayılma elemanı bir bölünme elemanının bir çocuğu (ve DEĞİL torunu veya torununun çocuğu vb) olduğu zaman".

Ama bizim avantaj için bu CON kullanılır. Tarihsel olarak, çocuk seçici IE CSS komutlarını gizlemek için kullanılmıştır. Basitçe koyarak html>body herhangi bir CSS komut IE önünde bunu göz ardı eder:

html>body .foo { CSS commands go here ;}

Bu çalışıyor çünkü <body> her zaman bir çocuk <html> - tabii ki bir torunu ya da torun çocuğu olamaz <html> .

Şimdi IE 7 çocuk seçici anladığını, sen işareti daha büyük sonra doğrudan boş bir yorum etiketi eklemek zorunda IE 7 sonra bu seçici (neden kim bilir?) Anlamak değildir ve bu nedenle tamamen bu CSS komutu yok sayacaktır.:

html> /**/ body .foo { CSS commands go here ;}

Zaten bu daha önce görmediyseniz, yanında aşağıdaki üzerinden bir okuma var

• Şartlı Yorumlar: sizin IEs Sadece-Bölüm Duex için
• CSS hack: Sadece Firefox için JavaScript, CSS, HTML
• Yalnızca Endüstri Mühendisleri İçin

Her zamanki gibi, IE ve bu bir IE olağandışı TOP 10 rütbeleri şart olan birçok garip sorunlardan biridir.

SORUN TABLOSU (Bu benzer aksaklıkları var belki, benim sorunum oldu):
Ben birçok DIV sayfasında bir bölümünün başka bir şey başlığı sınıfı "sectionhead" ile sayfa var ki. Bu yüzden bazı tarzı benzeyen var

. Sectionhead {font-size: 18px; background: # cfcfcf; padding: 5px;}

Div bazı siyah metin ile bir açık gri bar. Ne IE olur bu bölüm başlıkları, bazı ok görüntülenir, ancak 'alt' tuşuna ne zaman sayfa aşağı tıkladığınızda, sayfayı kaydırmak veya sayfanın vb şeyler tıklayınız Bazen bunlar yok eğilimindedir KADAR bazı görünmez veya kaydırma çubuğu ile kaydırın. Onlar bazen (f5) sayfayı yeniden ne zaman tekrar ortaya görünüyor. Bazı basit tarzı ile ben kısa bir mükemmel basit DIV KÖTÜ davranır.
Ne böyle bir hatalı davranış neden olabilir? Eh! Açıkçası, FIKRIM YOK!

OLASI ÇÖZÜM:
Yine bana neden diye sorabilirsiniz, ancak birçok durumda bu sorun pozisyonu eklediğinizde kaybolmak eğilimindedir yok: Bu gibi unsurlar tarzı davrandığını mis göre

. Sectionhead {font-size: 18px; background: # cfcfcf; padding: 5px; position: relative}

Garip ama ne demek? Tanrı IE beni kutsa!

VE BENZER SORUNLARI OLSAYDI, ABD İLE PAYLAŞ DO.

Eh Oh! Önceki sonrası geri IE8 Opacity ilgili birkaç gün, ben "IE 8 katı mod CSS opaklık için izin vermiyor" diye önemli bir noktayı belirtmeyi unutmuşum.
Ben sıkı modu ne anlama donot edenler için, burada hızlı bir öğretici olduğunu .

Bu etrafında bir çalışma (IE dev takım önce bazı donukluk ile Pop-up lightbox'lar kullanarak web siteleri için, tüm dünyada yeniden iş rutinleri için asfalt yol var ve opaklık için sırt desteği koymak fark) bir kullanmaktır yarı saydam bir görüntü ... tercihen PNG formatında (ben onlar gerekiyordu gibi şeffaf GIF işe gidip gelmek kötü bir deneyim oldu). Size, en sevdiğiniz resim editörü istediğiniz saydamlık renk ve yüzde bir PNG görüntüsü oluşturmak ve lightbox kaplaması için bir arka plan görüntüsü olarak kullanabilirsiniz.

yani
Bu gibi yerine bir şey

. Lighbox_overlay {
background-color: # ffffff;
z-index: 1001;
-Moz-opacity: 0.6;
opacity: .60;
filter: alpha (opacity = 60);
}

Bunu yapın ....

. Lighbox_overlay {
background: url (bkg.png) tekrar;
}

BT YTL İÇİN TIKLAYINIZ! | İNDİRMEK İÇİN TIKLAYINIZ!

IE8 Bu sayfasını görüntülerken, o zaman bu yazı arkasında tam bir opak beyaz arka plan görüyor olmalısınız. Ben değişiklikler yavaş yavaş ve sürekli adapte insanlardan biri olduğum Dün, benim meslektaşım bana (bu işaret ... özellikle tarayıcıları., Demek ben korkak, fakat işte .... bir UI geliştirici olmak olabilirdi, ben daima bok yeni tarayıcı sürümleri korkuyorum ... Senin hakkında tlaking olduğumu biliyor, değil mi?)

Peki sonra ne yapacağız bunu düzeltmek için bir çözüm bulmak ve çalışırken, süre yaklaşık kazılırken ...
Bu sefer bizim TÜM ZAMAN FAVORİ tarayıcı CSS opaklık için tüm destek bırakarak bunu tekrar yaptı. Standart dışı `filter: alpha (opacity = # #)` CSS özniteliği Nice, kaldırıldı, ama onlar da tamamen CSS3 donukluk desteği (tüm diğer tarayıcı güzelce onu tutmuş oluyor ne gibi) eklemeyi unuttuğu edilmiştir. ALLAH CSS opaklık (IE 5.0 yana, sanırım) anlattı beri Yani, ilk kez, bir web tarayıcı CSS opaklık desteklemez.
Ve şimdi üstüne krema için: IE 8 takımdan Resmi kelime? Bu "biz IE gelecek sürümünde bunu dikkate alacaktır" "tasarım", ve.

PS: FF bu sayfayı deniyorum, temiz görünüyor yemin ederim!

Hiç liste öğeleri (li) etiketleri ve CSS kullanarak (ya da bir yapım) Dikey Menü yaptıysanız, karşılaşabileceğiniz bu henüz IE blok düzeyi öğeleri içeren liste öğeleri arasındaki 6 ekler bu boşlukları, Internet Explorer, başka bir hata biçimlendirme liste öğeleri arasında herhangi bir boşluk varsa yani. Teşekkürler, ama hayır, teşekkürler, IE sürüm 7 Bu hata arınmış görünüyor.
Bana, ve daha birçok gibi, hala çok IE6 çalışarak yeni düzen, almak zorunda sinirli geliştiriciler, bu bant aitse, o zaman bu yararlı olabilir. Bir göz atın ...

Örnek biçimlendirme:

<ul id="menu">
<li> <a href="#"> Ana Sayfa </ a> </ li>
<li> <a href="#"> Hakkında </ a> </ li>
<li> <a href="#"> Hizmetler </ a> </ li>
<li> <a href="#"> Portföy </ a> </ li>
<li> <a href="#"> Yardım </ a> </ li>
<li> <a href="#"> Bize Ulaşın </ a> </ li>
</ Ul>

Bir dikey menü içine yukarıdaki biçimlendirme transfrom için, aşağıda bir benzer bazı CSS oluşturabilir ....

Örnek CSS ...
# Menu {
margin: 0; padding: 0; background: # FF9900;
list-style-type: none; width: 150px;
}
# Menu li {margin: 0; padding: 0;}
# Menu a {display: block;
color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; border-bottom: 1px solid # FFF;
}

Göreceksiniz sonuçları ...

Bu hata ... (değiştirilmiş / koyu italik olarak CSS eklendi) için çözüm

# Menu {
margin: 0; padding: 0; background: # FF9900; list-style-type: none; width: 150px;
float: left; / * Bu yüzen liste öğelerini içerir * /
}
# Menu li {
margin: 0; padding: 0;
float: left; / * Bu düzeltmeleri * /
width: 100%; IE6 / * boşluk hata * /
}
# Menüsünden bir {
display: block; color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; border-bottom: 1px solid # FFF;
}

Yukarıdaki çözüm etmediğinden (sadece IE6 bilinen nedenlerle) çalışmıyor gibi görünüyor ... Eğer bunun yerine bu yöntemi deneyin

Sadece biçimlendirme için bu ek IE6 sadece stilleri eklemek ...

<! - [If lt IE 7>
<style type="text/css">
# Menu li a {display: inline-block;}
# Menu li a {display: block;}
</ Style>
<[Endif] ->

IE 6 Mesaj, MSIE çoğu diğer standart tarayıcılar için standart birkaç CSS özellikleri ekleyerek bize UI geliştiriciler için yeterli tür olmuştur. "Min-height" in böyle bir faydalı özellik. Hiçbir uzun soluklu açıklama ihtiyacı oldukça yalındır özelliği. Bu evler içeriği tutun ve önemlisi terazi (düz vanilya "yükseklik" mülkiyet aksine) veya CSS deyişle olabilir daha az kaplar, bir bölümü için min-height ayarlandığında, her zaman bu seti yüksekliği korur, bu gibi davranır bölümü olan "yükseklik" "otomatik" olarak ayarlanmış ...

Ayrıca IE6 çalışması gerektiğini hala kod CSS gerekmektedir bize bazı kötü geliştiriciler için, "min-height" ve un-durumu, bazen bir gösteri tıpa olabilecek ... donot umutsuzluk.

Neyse ki, biz dışarı avantaj olarak kullanmak ve hedefimize ulaşmak için yolumuzu kesmek olurdu IE yeterli tuhaflıklar var ... yani bir BÖLÜMÜ dağılımı yapmak sanki IE6 onun min-height

Çözüm 1: Altını Çiziyor Hack [kullanma ... Read more ]

.box1 {
min-height: 200px;
height:auto;
_height:200px;
}

HTML: -
<div class="box1">Some dynamic content with variable height ...</div>

---

Çözüm 2: CSS Özellik Seçici Hack kullanma

.box2 {
min-height:200px;
height:200px;
}
div[class] .box2 {
height:auto;
}

HTML: -
<div class="someclass">
<div class="box2 common">Some dynamic content with variable height ...</div>
</div>


CSS Özellik Seçici Hack tarayıcılar önceki tha IE6 bir atribute seçici göz ardı aslında yararlanır. Class = "someClass" ile başka bir kaba bölünme ihtiyacı unutmayın. Sadece bu bölümü için sınıf özniteliği içermesi, Opera, Mozilla ve MSIE7 için otomatik ve daha sonra geri yüksekliği geçersiz kılar. Atribute seçiciler desteklemiyor IE6, yok sayar.

IE6 min-height hilesi Demo bilgileri

Çeşitli vesilelerle anda, açılan bölümler / lightbox'lar / İpuçları sayfa düzenleri yaparken bazı Formu SEÇİN nesneler tasarım, bu POPUP Bölümleri altında olmak olur ve bunu üzerinden gösterir durumlara rastlamak vb .... YUK!

Eh! kolayca FF ve IE7 için uygun şekilde Z-INDEX değerlerini ayarlayarak bu FIX olabilir. Ama Good Old (cinas amaçlanan) IE6 amaçlandığı gibi davranırlar değildir .... Size PopUp Bölümü ... Kötü haber!! Bazı önemli ölçüde yüksek Z-INDEX değerleri uygulandıktan sonra bile üzerinden Select BOX gösterisi!

Bu sorun için NO HOTFİXLERİN vardır, ama vardır, inanıyorum ki, sen çoğunda benim için çalışıyor kullandığım basit çözüm, anlatmak için ben burada birkaç Bu soruna-yol, ama daha durumlarda ....

"SİZ POPUP GÖSTER ZAMAN ROUGE SEÇİN KUTUSU HIDE"

Basitçe komut pasajı içinde size açılır gösterin, "Gizli" için SELECT Kutusu görünürlüğünü ayarlamak için komut bir parça eklemek

document.getElementById ('my_select') style.visibilty = "gizli".;

Ve PopUp Bölümü KAPAT üzerine geriye unutmayın

. document.getElementById ('my_select') style.visibilty = "görünür";

burada "my_select" tahriş Select Box kimliğidir

Bu yardımcı olur umarım ...

PS. Dinamik Popup DIV altında bir IFRAME (siz PopUp olarak aynı boyutta) positionining gibi tabii diğer seçenek vardır ... Bu çok iyi çalışır, ancak DOM Elemanları, SCRIPTLER ve Baş Ağrısı yükleri bir ilavesi ile. Ben de bu çözüm kullanmış ve yaparsanız bu seçeneği ile yardım herhangi bir ihtiyacınız, bana bildirin. Yardımcı olmaktan memnun olacaktır!