Small Screen Rendering
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:
Ezt feluldefinialja IE>=5 esetere a kovetkezo kod:
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:
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
■ 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;
}
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;
}
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]-->"
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
Külön CSS
Igy nez ki most:
Most kb igy nez ki:
| 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..?
Elkövetnéd?
El am! ;)
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.
sok sikert + tipp
#jobbhasab:hover {width:200px; overflow:auto}
ha az otlet tetszik, meg tobb info CSS dropdown menukrol: http://www.alistapart.com/articles/dropdowns
Opera?
Elvileg verhetetlen kisméretű képernyőkön...
--
Szeretettel: Károly György Tamás
kgyt##kukac##kgyt.hu - http://kgyt.hu
Van?
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