2009 27 Temmuz 2009

User Agent Style Sheets: Google Chrome Gizem Marjları

Dün, her "Ground Hog Günü" gibi bazı CSS / tablosuz düzenleri üzerinde çalışıyordu. Tüm IE 7, FF 3 ve Chrome iyi gidiyordu, untill aniden, bazı un-yoksayılabilir marjları yalnızca Google Chrome görülen gördüm. Çok garip ve worring rağmen, Ben yüceltilmesidir geldiğini bazı yeni hata / sorun oldu, benim sıradan çalışma bazı baharat nihayet vardı. Sad (ama güzel) bu sonda birkaç dakika içinde düzeltildi ...

Google Chrome, benim CSS sıfırlar (: 0px margin) ihmal gibi Temelde gibiydi. Aslında stil kullanıcı arayüzüne (-webkit-dolgu-start: 40px) neden oldu. 0 hatalı elemanları: Peki çözüm dolgu ayarlayarak bu tarz sıfırlamak oldu.
Herhangi bir elemanı oluyor bu sorunu önlemek için iyi bir yolu aşağıdaki gibi küresel bir CSS istirahat kullanmaktır

* {Margin: 0; padding: 0;}

User Agent Style Sheets (Özellikler) nedir?
Aşağıdaki alıntı alınır http://meiert.com/en/blog/20070922/user-agent-style-sheets/ User Agent Style Sheets hakkında daha fazla okumak, takip bağlantı

Ama belki sıradan - - CSS şekilde her biri 1 User Agent (UA, çoğunlukla bir 'web tarayıcısı' veya 'web istemci') makul belgeleri sunan bir varsayılan stil sayfasına sahip olacağını belirterek fikrini getirir. CSS 2 ki uyumlu kullanıcı arayüzleri varsayılan bir stil sayfası uygulamak gerekir (ya da yapsaydım gibi davranan) ve bir kullanıcı arayüzünün öntanımlı biçembent belge dili için genel sunum beklentilerini karşılayacak şekilde belge dilinin unsurlarını gerektiğini söylüyor; CSS 3 aynı düşüncede olması muhtemeldir.

CSS özellikleri bir "gerçek" tarzı varsayılan görüntü için levha veya kullanılıp kullanılmayacağını uygulamaları için o kadar bırakın bu yana, her tarayıcının yükleme klasöründe varsayılan stil sayfasını bulamazsanız bu şaşırtıcı değil. Microsoft Internet Explorer'ın yanı sıra Opera farklı olarak, örneğin (ve bildiğim kadarıyla), Firefox ve Netscape Navigator ("html.css" arayın) değil, aynı zamanda Konqueror gibi Gecko tarayıcı varsayılan stil kavramak oldukça basit olun.


2008 2 Ağu 2008

XSL DOCTYPE ayarlanması

Geçen hafta, bir istemci için bir progessive HTML / CSS düzeni oluşturulur IE6, IE7 ve FF 3 test edilmesi, mükemmel ince görünüyordu ... KADAR! düzeni manufacting döngüsü daha aşağı gitti. Başarısız oldu. Sayfa düzeni unsurları sadece tüm HTML düzeni XSL ve XML kendisine uygulanan ... Bummer! Dönüştürülmüştür yerde gitti!

Bu SH ** düzeltmek zorunda kalmadan, Pazartesi sabahı beklentisiyle, hafta sonu tamam uyuyamadı. Ama şimdi bu tür durumlarda (Tarayıcı olağandışı, demek) ile ilgili küçük bir deneyime sahip, bunu başka bir şey yapmak ama DOCTYPE gerektiğini biliyordu .... ve Bu WAS ...

Sorun:
Lütfen dönüşümü açıkça varsayılan bir DOCTYPE içerecektir beri, DOCTYPE üzerinde kontrol istiyorsanız ve düzeni atmak için çıkacak.

Çözüm:
XSLT gözlük seçimi bir DOCTYPE ayarlamak için çıkış yöntemleri sağlar. Ayrıca, bize UI geliştiriciler için, ilgi konular olacaktır HTML çıkış yöntemleri ve XML çıkış yöntemleri .

Eh! Eğer sıkılmış girmeden önce, burada bir düzeltmedir.

Örneğin, HTML sürümünde aşağıdaki DOCTYPE olsaydı:. -

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Sonra XSL içinde şu olması gerekir: -

<xsl:output method="html" doctype-system="http://www.w3.org/TR/html4/loose.dtd" doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN" indent="yes" />

ve Sonunda! XSLT çıktı seçtiğiniz DOCTYPE itaat emin olabilirim.


NDK ev | BT İfade | İfade Damak | İfade Penmenship | İfade Awe | İfade Myself