ugrás a tartalomhoz

Small Screen Rendering

Kérésre törölve 4. · 2004. Jún. 9. (Sze), 18.13
Sziasztok!

Egy aprobb eszrevetelem lenne az oldal dizajnlanak kialakitasaval kapcsolatban, mely small screen rendering hasznalata eseten szembetuno.

Eloszoris szeretnem leszogezni, hogy azzal teljesen egyetertek, hogy 4-es bongeszokre fejleszteni manapsag nem szokas, nem erdemes. A felteteles kommentes modszer, ahogy az IE-specifikus CSS fixeket betoltitek, teljesen rendben van, en is eloszeretettel hasznalom, annak ellenere, hogy az IE4 nem tamogatja, mondvan, hogy az a CSS-t sem fogja annyira tamogatni, hogy legyen mit javitani, masreszt mert nullahoz tart az elterjedtsege. De vannak modern eszkozok, melyeket tovabbra is ezzel szallitanak, es igy a kovetkezo problemaval szembesultem:

A szabvanyos CSS-etekben (site.css) a kovetkezok talalhatok:
#twocols {
  margin-right: 183px;
}
#pagecontent {
  padding: 5px 188px 0px 15px;
}


Ezt feluldefinialja IE>=5 esetere a kovetkezo kod:
#twocols {
margin-right: 0px;
}
#pagecontent {
padding-right: 6px;
}


IE 4 eseteben azonban marad a szabvanyos CSS fajl. "Tuningolt" IE 4 talalhato a Windows for Pocket PC 2003 operacios rendszerben (regebbiben talan meg regebbi, gondolom a kis merete miatt). Ez alatt legtobbszor - nem meglepo modon - egy PDA dolgozik, atlag 240px szeles kepernyovel, melybol majdnem 200 pixelt elrabol a jobboldali margo, olvashatatlanna teve igy az oldalt. Lehetne egyreszt azt mondani, hogy a small screen rendering technologia nem eleg kiforrott meg, masreszt pedig azt, hogy hogy nem keszultetek fel kismeretu kepernyokre.

Tehat ezuton szeretnem kerni a segitsegeteket, hatha tudtok valamely mas, alternativ bongeszorol, ami talan olvashatobban jeleniti meg az oldalatokat, vagy hogy megtennetek-e annyit, hogy egy keveset valtoztattok az IE-specifikus CSS-t betolto kodon, hogy 4-es IE is megertse. Nyilvan ez is valamilyen szinten elerhetosegi kerdes.

Valami hasonlot javaslok, mint talan legegyszerubb megoldast, a template-etekbe:
// nem tudom milyen template rendszert hasznaltok ugyhogy .. pszeudokod :)
ha SERVER['HTTP_USER_AGENT'] hasonlit "Mozilla/4.0 (compatible; MSIE 4.01; Windows CE; PPC; 240x320)" irdki: "<style type="text/css" media="screen">@import url("/themes/wl/site_ie.css");</style>"
kulonben irdki: "<!--[if IE]><style type="text/css" media="screen">@import url("/themes/wl/site_ie.css");</style><![endif]-->"

Tudom hogy az Opera miatt nem lehet altalaban szerveroldalon UA stringre szurni, de ennyit talan meg lehet tenni a kod tulzott kezelhetetlenne tetele nelkul, es bizom benne, hogy egyre tobb mobil felhasznalo kedvere tudtok tenni vele. Esetleg hasonlot kell muvelni Symbiant futtato gepek esetere is, bar nekik van Opera-juk, ami lehet hogy jobb mint az IE :)

Elore is koszonok mindent, es bocsi ha kellemetlenseget okoztam,

Gabor
 
1

Külön CSS

Hojtsy Gábor · 2004. Jún. 9. (Sze), 18.23
Szerintem akkor van értelme a small screen körben foglakozni a weblabor megjeleníthetőségével, ha külön erre a célra is készítünk egy CSS-t, és választhatóvá tesszük (JS-el azt ezt nem támogató böngészők számára, cookie megjegyzéssel). Hiába javítunk a sidebar megjelenítésén, ha úgyis olyan széles az oldal, hogy külön bonyolulttá teszi a böngészést... Vagy nem így van? Nincs tapasztalatom Windows CE-vel, be kell valljam.
2

Igy nez ki most:

Kérésre törölve 4. · 2004. Jún. 9. (Sze), 18.52
A small screen rendering technologia lenyege, hogy fogja az adott designt, es szettordeli ugy, hogy vekonyabb kijelzon is olvashato legyen. Tehat pl. a sidebart a tartaom fole rakja, kb olyan mintha felolvasna sorban a html fajlt, mint egy latasserultek szamara keszult felolvaso program, de kozben megtartja a design elemeket.
Most kb igy nez ki:
-------------kepernyo--------------
| header                          |
-----------------------------------
| sidebar |   hatalmas ures resz  |
-----------   a nagy jobboldali   |
| tartalom|   margok miatt        |
| 1-1 szo |                       |
| max neha|                       |
-----------------------------------


A teljes kulon CSS tenyleg szuper megoldas lenne (annyi JS-t talan meg tamogat is a bongeszo :), mert azt alternate stylesheeteket bizony nem), de gondolom az nektek tobbletmunka, ezert gondoltam erre az egyszerubb megoldasra. Vagy esetleg ha kozossegi munkakent elkovetnek valami hasonlot..?
3

Elkövetnéd?

Hojtsy Gábor · 2004. Jún. 9. (Sze), 19.16
Hátulról a harmadik szó ékezetesen úgy hangzik, hogy 'elkövetnék'? Akkor annak nagyon örülnénk. Illetve jó lenne tudni először is, hogy mit tervezel, hogy ne dolgozz feleslegesen.
4

El am! ;)

Kérésre törölve 4. · 2004. Jún. 10. (Cs), 01.24
Igen, termeszetesen ekezetesen irtam :)
Tehat valami drupal modulra gondoltam, ugyis annyit beszeltek rola, ideje lenne megneznem milyen is az. Hasonlot a drupal.org-on nem lattam, ugyhogy talan meg hasznos munka is lehetne belole. A megvalositashoz Andras fontmeret valtoztatos cikke adott egy jo otletet, ugyhogy par napon belul keritek ra egy kis idot es hegesztek valamit.
5

sok sikert + tipp

zsepi · 2004. Jún. 10. (Cs), 03.12
ez csak egy hirtelen otlet, nem probaltam de lehet, hogy megoldja a problemat: mi lenne, ha a jobbmenut egy beuoszo menuve valtoztatnad?
#jobbhasab {width:2px; overflow:hidden}
#jobbhasab:hover {width:200px; overflow:auto}

ha az otlet tetszik, meg tobb info CSS dropdown menukrol: http://www.alistapart.com/articles/dropdowns
6

Opera?

kgyt · 2004. Jún. 10. (Cs), 12.33
Az Operát próbáltad?
Elvileg verhetetlen kisméretű képernyőkön...

--
Szeretettel: Károly György Tamás
kgyt##kukac##kgyt.hu - http://kgyt.hu
7

Van?

Kérésre törölve 4. · 2004. Jún. 12. (Szo), 01.57
Igen, Operarol tudok, es tudom is milyen jonak mondjak, viszont ha jol nezem a http://www.opera.com/products/smartphone/products/ oldalt, akkor csak Symbian operacios rendszerre erheto el.
A Drupal modul elso valtozata pedig itt erheto el:
http://www.fazekas.hu/~vargusz/changecss.tar.gz
Javascript-tel es anelkul is jol megy, 3-fele UI.
Visszajelzeseket orommel veszek. Koszi,
Gabor