Pondělí 16. 2. 2004
Pevná šířka kraluje
Obecné • @8:03
Na macin.net (blog o tvorbě webu) je zajmavý spot zabývájící se fixní velikostí designů. Jak si autor zjistil fixní design vévodí. Je to hlavně proto, že je to jednodušší udělat, při zmenšení okna se design nerozhodí a hlavně a mám stejný názor, text se na těch 740-760 px čte lépe než kdyby byl roztáhlý na nějakých 1600 px. To bych z toho otáčení hlavou měl zánět krční páteře ![]()
Komentáře: 6
Trackback URI | RSS komentářů k tomuto příspěvku.
Napsat komentář
URL se automaticky převádí na odkazy. Položky označené hvězdičkou (*) jsou povinné!
Enter ukončuje řádek, dva entery znamenají odstavec. Vaše e-mailová adresa nebude zveřejněna.
Povoleny jsou tyto HTML značky:<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Šířka textu (a webů obecně) by se ale měla udávat v ems (cca 60-80 znaků na řádku), to je zatím imho utopie například díky častým grafickým hlavičkám.
schvalne jsem si to spocital a jsem nekde mezi 60-80 znakama
(pokud se nehne velikosti pisma samozrejme)
nu coz nic neni dokonale a ja take radsi delam v px (pro grafika je to pochopitelnejsi nez EMy, ktere muzou byt vselijake)
navic lidi maji opravdu casto 800×600 a kdyz maji rozliseni o kus vesti (1024×768) tak je to pro ne take akorat
kolik lidi ma monitor 19+ vyštavenej na max?
skuste si svoje weby s pevnou sirkou kuknut napr. v citacke alebo len s blbou listou v prehliadaci - sidebarom… potom pokeciame
mimochodom sidebar ma aj IE
ja to sice objevil, ale to zde neresime
sidebar ti muze vadit kdyz mas rozliseni 800×600 (jeho sirka je neco kolem 140px) a kdyz mas vetsi tak si toho nevsimnes
Ideálne sú riešenia pomocou em a max-width. Potom však vzniká problém s IE, na ktorý som narazil aj na mojej stránke, ale dá sa to ošetriť vcelku jednoduchým kusom JS.
Aby však pevná šírka layoutu vymizla treba grafikom trochu zmeniť zmýšlanie.
[1] Videl som už layouty s obrázkom v hlavičke a variabilnou šírkou. CSS dokáže pomocou overflow: hidden; dosť pekné srandy.
na nasom firemnom webe som to vyriesil celkom elegantne, aj ked som nepouzil max-width