2009 27 korrik 2009

Agjenti Sheets User stilin: Mbulesat Misteri në Google Chrome

Dje, si çdo "Ditën hog Ground" tjetër, unë kam qenë duke punuar në disa Layouts CSS / tableless. Të gjitha po shkon mirë në IE 7, FF 3 dhe krom, as taksat as asgjë papritmas, pashë disa un-ignorable kufijtë parë vetëm në Google Chrome. Edhe pse shumë e çuditshme dhe worring, Kjo ishte një çështje e re bug / se unë kam ardhur te gërshetimet, nuk ishte më në fund disa erëz në punën time përditshëm. Sad (por e bukur) ai u caktuar brenda pak minutash e hetimit ...

Në thelb, ajo dukej si Google Chrome injoruar resets CSS time (kufiri: 0PX). Ajo në fakt u shkaktua nga stylesheet User Agent (WebKit-mbushje-start: 40px). Pra, zgjidhja ishte për të rivendosur këtë stil duke mbushje: 0 elementet misbehaving.
Një mënyrë e mirë për të parandaluar këtë problem të ndodhë në çdo element është të përdorni një pushim globale CSS si më poshtë

* {Margin: 0; padding: 0;}

Çfarë është agjent Sheets User Style (Specification)?
Fragmenti i mëposhtëm është marrë nga http://meiert.com/en/blog/20070922/user-agent-style-sheets/~~HEAD=pobj lidhje, të ndjekë për të lexuar më shumë për Agjenti Sheets User Style

CSS 1 prezanton idenë duke deklaruar se çdo User Agent (UA, shpesh një 'shfletues' ose 'të klientit web') do të ketë një fletë të stilin e paracaktuar që paraqet dokumentet në një arsyeshme - por ndoshta i zakonshëm - mënyrë. CSS 2 thotë se agjentët konform përdoruesit duhet të aplikojnë një fletë të stilin e paracaktuar (ose sillen sikur ata) dhe se stili një agjent anëtarit parazgjedhur fletë duhet të paraqesin elementet e gjuhës dokument në mënyra që përmbushin pritjet e përgjithshme prezantim për gjuhën e dokumentit; CSS 3 ka gjasa të jetë e mendjes së njëjtë.

Që specifikimet CSS lënë atë deri në Implementimi nëse do të përdorin një "real" fletë stili për shfaqje parazgjedhur apo jo, ajo nuk është e habitshme që ju nuk e gjeni një fletë të stilin e paracaktuar në dosje të çdo shfletuesit instalimit. Ndryshe nga Explorer Microsoft Internet si dhe Opera, për shembull (dhe aq sa unë e di), shfletues Gecko si Firefox dhe Netscape Navigator (shikoni për "html.css") por edhe Konqueror bëjnë atë mjaft e thjeshtë për të kuptuar styling e tyre default.


2008 2 gusht 2008

Vendosja e DOCTYPE në XSL

Javën e kaluar unë krijuar një plan urbanistik progessive HTML / CSS për një klient, testuar atë në IE6, IE7 dhe FF 3, dukej krejtësisht fine ... DERI! paraqitjen shkoi edhe më tej poshtë ciklit manufacting. Ai dështoi. Elementet Page Layout vetëm shkoi në të gjithë vendin, kur paraqitjen HTML është konvertuar në XSL XML dhe aplikuar atë ... zhgënjim!

Nuk mund të fle ok gjatë fundjavës, në pritje të hënën në mëngjes, kur unë do të duhet për të zgjidhur këtë SH. ** Por tani të paturit e një experince pak në trajtimin e këtyre lloj situata të meta quirks Browser, dua të them), e dija se kishte të bëjë me asgjë tjetër, por DOCTYPE .... dhe kjo ishte ...

Problem:
Ju doni kontrollin mbi DOCTYPE, pasi transformimi i juaj do të përfshijë një DOCTYPE paracaktuar në mënyrë eksplicite, dhe ju plan urbanistik do të jetë jashtë për një hedhje.

Zgjidhja:
XSLT syze ofron metodat e prodhimit për të vendosur një DOCTYPE e choise. Gjithashtu, për ne zhvilluesve UI, temat e interesit do të jetë metoda HTML prodhimit dhe metodat XML prodhimit .

E pra! para se të merrni mërzitur, këtu është fix.

Për shembull, nëse keni pasur DOCTYPE e mëposhtëm në versionin tuaj HTML. -

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

Pastaj në XSL ju do të duhet të ketë në vijim: -

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

dhe fundi! do të bëjë që prodhimi XSLT juaj i bindet DOCTYPE ju keni zgjedhur.


NDK shtëpi | Duke shprehur IT | qiellëz shprehur | Penmenship shprehur | frikë shprehur | shprehur Myself