2009 Július 27, 2009

User Agent Style Sheets: Mystery Margó a Google Chrome

Tegnap, mint minden más "Ground Hog Day", dolgoztam néhány CSS / tableless layout. Minden rendben halad az IE 7, FF 3 és Chrome, addig amíg egyszer csak láttam, néhány ENSZ-különbözetet elhanyagolható látott csak a Google Chrome. Bár nagyon furcsa és worring, volt néhány új bug / kérdés, hogy én jött Átfedés volt végre némi fűszer az én hétköznapi munkában. Szomorú (de szép) érte el rögzíteni néhány percen belül a szonda ...

Alapvetően, úgy nézett ki, mint a Google Chrome figyelmen kívül hagyja az én CSS visszaállítása (margin: 0px). Tulajdonképpen ez okozta a böngésző stíluslap (-webkit-padding-start: 40px). Tehát a megoldás az volt, hogy állítsa vissza ezt a stílust azáltal padding: 0 működött az elemeket.
Egy jó módja annak, hogy a probléma ne történik minden eleme egy globális CSS Pihenés az alábbiak szerint

* {Margin: 0; padding: 0;}

Mi a User Agent Style Sheets (Specification)?
A következő kivonat kell venni http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , nyomon linket tovább a User Agent Style Sheets

CSS 1 bevezeti ezt az ötletet, amely szerint minden egyes User Agent (UA, gyakran a "böngésző" vagy "web kliens") lesz az alapértelmezett stíluslap, amely bemutatja a dokumentumok ésszerű - de vitathatatlanul földhözragadt - formában. CSS 2 azt mondja, hogy megfelelnek a böngészőknek kell alkalmazni egy alapértelmezett stíluslap (vagy viselkednek, mintha ők), és hogy az ágens alapértelmezett stíluslap kell mutatnia az elemek a dokumentum nyelve oly módon, hogy eleget általános bemutatása elvárásokat a dokumentum nyelvét; CSS 3 valószínűleg ugyanazon elme.

Mivel a CSS specifikációk rá kellene bízni megvalósítások hogy használ-e "valódi" stíluslap alapértelmezett kijelző vagy nem, ez nem meglepő, hogy nem talál egy alapértelmezett stíluslap minden böngésző telepítési mappát. Ellentétben a Microsoft Internet Explorer, valamint az Opera, például (és amennyire én tudom), Gecko böngészők, mint a Firefox és a Netscape Navigator (keres "html.css"), hanem Konqueror teszi meglehetősen egyszerű megérteni az alapértelmezett stílus.


2008 Augusztus 2, 2008

DOCTYPE beállítása XSL

Múlt héten hoztam létre progessive HTML / CSS elrendezés az ügyfél számára, teszteltük az IE6, IE7 és FF 3, tökéletesen látszott ... AMÍG! Az elrendezés ment lejjebb a manufacting ciklust. Ez nem sikerült. Oldal elrendezés elemei csak ment az egész sor, amikor a HTML layout alakították XSL és XML vele szemben alkalmazott ... A fenébe!

Nem tudott aludni a hétvégén rendben, megelőlegezve a hétfő reggel, mikor kell majd kijavítani a SH **. De ma már egy kicsit experince foglalkozó ilyen jellegű helyzetek (Böngésző Quirks, úgy értem), tudtam, hogy köze lehet mást DOCTYPE .... és ez volt ...

A probléma:
Akarod felett a DOCTYPE, mivel a transzformáció lesz egy alapértelmezett DOCTYPE kifejezetten, és elrendezés lesz ki egy dobás.

A megoldás:
XSLT szemüveg szolgáltatja a kimeneti módszereket beállítani a DOCTYPE a choise. Szintén számunkra UI fejlesztők, a téma érdekes lenne HTML kimenet módszerek és XML módszerek .

Nos! mielőtt unatkozni, itt van a javítás.

Pl., Ha már a következő DOCTYPE HTML verzió: -

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

Majd az XSL akkor kellett volna a következő: -

<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" />

És végül! Nem győződjön meg róla, XSLT kimeneti engedelmeskedik a DOCTYPE választott.


NDK home | Kifejezése IT | kifejezése szájpadlás | kifejezése Penmenship | kifejezése Awe | kifejezése Myself