Cywir 7 - mae llwyth o 'femtousers' mas 'na, sy'n mynnu gwneud pethe'n lletchwith.
E-fugail: Os wyt am fynd lawr trywydd layout hylifol, edrycha ar y wefan hon:
http://www.cssliquid.com/Mae'n rhaid dweud bod layouts hylifol yn gallu edrych yn ffiaidd pan fydd y sgrin yn rhy fach neu'n rhy fawr. O ganlyniad, bydd angen gosod "terfynau" gyda phriodoleddau
min-width a
max-width. Mae layouts hylifol yn dibynnu ar fesuriadau mewn "%" yn hytrach na "px".
DS Mae fersiynau cynnar o IE yn gallu taflu woblis gyda max-width/min-width - neu peidio a'u deall o gwbl.
Yn ogystal a hyn, gallet gyfuno mesuriadau "%" a "px", e.e. i sicrhau maint penodol i sidebar ac i amrywio maint y brif ardal.
Mae enghraifft o rai o'r rhain yma:
http://blog.html.it/layoutgala/DS Mae fersiynau cynnar o IE yn cael pwl o golled gyda chymysgedd o fixed a liquid/elastic - mae angen sicrhau bod gan bob colofn (neu DIV) y briodwedd "hasLayout".
Efallai dy fod yn gwybod hyn eisoes:
Os wyt am ddylunio ar gyfer ffonau symudol, bydd angen creu ffeil CSS hollol newydd a'i gysylltu yn yr adran HEAD fel hwn:
- Cod: Dewis popeth
<link href="symudol.css" type="text/css" rel="stylesheet" media="handheld" />
Ar gyfer argraffu tudalennau, defnyddia ffeil CSS newydd arall (lle rwyt yn gallu gosod lled i ffitio A4 a chuddio rhannau fel y navbar a sidebars, e.e.:
- Cod: Dewis popeth
div#navbar, div#sidebar, div#footer, div#banner{display:none;}
Y cod ar gyfer y ffeil argraffu yw:
- Cod: Dewis popeth
<link href="argraffu.css" type="text/css" rel="stylesheet" media="print" />
Felly, mewn y rhan fwyaf o'm brosiectau, mae gennyf y canlynol:
- Cod: Dewis popeth
<link href="prif.css" type="text/css" rel="stylesheet" media="screen" />
<link href="symudol.css" type="text/css" rel="stylesheet" media="handheld" />
<link href="argraffu.css" type="text/css" rel="stylesheet" media="print" />