Ideální míry (diskuse)

[Zdeněk Burda]

ale pro mě asi nepoužitelné. Připadá mi to skoro zbytečné. Koukám, že neřešíš to jestli mám browser maximalizovaný nebo je to jen malé okénko. Nebylo by lepší nechat šířku stránky jen a pouze na samotném CSS?

[Martin Tůma]

Nebylo by lepší nechat šířku stránky jen a pouze na samotném CSS?

IMHO nebylo, protože pak nastává jeden ze dvou problémů popsanejch nahoře - buď je to moc úzký, nebo moc široký a nedá se to číst.

Koukám, že neřešíš to jestli mám browser maximalizovaný nebo je to jen malé okénko.

To je pravda, vycházim z předpokladu, že většina uživatelů má prohlížeč maximalizovanej. Po pravdě řečeno ani nevim, jak aktuální velikost plochy okna zjistit... Javascript používám jenom v krajních případech a to jenom tak, aby to fungovalo i bez něj.

[Zdeněk Burda]

Něco jako je na tomhle webu ti nepomůže?

[Martin Tůma]

Tak jsem si s tim chvili hrál a použití document.body.offsetWidth (velikost okna) mi nepřijde lepší řešení než screen.width.

[k3]

hmm tak dalsi nepouzitelny web. Kdyz to na mem desktopu zjisti sirku obrazu a spocita si to "spravnou" sirku tak si to nastavi sirku vetsi nez je srka okna prohlizece. Nejak se nepocita s tim, ze nekdo muze mit dva monitory...

[Martin Tůma]

Šířka elementu je udaná v procentech a přes 100% to díky podmínce nemůže jít. Takže leda že by s tim, že máte 2 monitory nepočítal samotnej prohlížeč, což ale opravdu neni problém webu...

[Martin Tůma]

A navíc je ta funkce klesající...

[unchallenger]

No to je zase vynález. Ještěže mám JS trvale vypnutý.

To je snad moje věc, jak mám velké okno prohlížeče a písmo. A pokud mi chceš vnutit obojí, tak mi pak ještě vnuť správně velký monitor a nastav mi na něm to správné rozlišení -- a nemusíš nic detekovat. A pokud nechceš, tak udělej normální fluidní design.

Omlouvá tě jedině to, že je to s vypnutým JS docela použitelné.

[Martin Tůma]

S vypnutym JS to neni "docela" použitelný ale zcela použitelný. Chová se to, jako kdyby to byl obyčejnej fluidní layout s šířkou 85%

Nicméně např. při 1600x1200 už je 85% opravdu moc a text se blbě čte. 63% je pak IMHO tak akorát. Nejde o to vnutit někomu to "správný" rozlišení, právě naopak jde o snahu, aby to bylo použitelný při libovolnym rozlišení.

[unchallenger]

Jenže když mám 1600x1200 a stejně velké písmo jako při 800x600, tak se čtou špatně úplně všechny weby.

Proto když ti přilezu na web s neobvyklým rozlišením, musíš předpokládat, že (a) mám takhle velké okno, protože vím, co dělám, mám třeba větší písmo nebo cokoli, a pak se mi do toho nemáš co plést (b) jsem debil, co si neumí zmenšit okno, i když se mu v něm čtou špatně všechny weby, a pak dobře mi tak.

Ad 85% bez JS. Samozřejmě je to vinou volného prostoru napravo podivně asymetrické, ale už jsem viděl horší layouty ;-)

[Valoun]

1.) Potrebuje to JS
2.) Nezkousel jsme to na dvoumonitorove konfiguraci, ale asi to bud delat neplechu.
3.) Na mem notasu to nechava 1/4 obrazovky permanentne prazdnou. Ani zvetseni pisma nepomuze.
4.) Co takhle zkusit dat pouze toto:

width: 90ex;
max-width: 980px;
min-width: 700px;
font-size: medium;

Kazdy si muze zvetsit pismo dle libosti, sirka stranky se tomu prizpusobi, ovsem v rozumnych mezich. A kdyz pridas schovavaci sidebary a la abclinuxu, tak si prijde na sve snad kazdy. ukazka

[Martin Tůma]

ad 1) Ano, ale bez JS je to zcela funkční
ad 2) Proč mysíš? (taky jsem nezkoušel - nemám kde)
ad 3) Nechápu, ten tvůj web mi taky nechává víc jak 1/4 obrazovky prázdnou. Jde jenom o to kde, a mně se to víc líbí asymetricky.
ad 4) Tohle by samozřejmě taky šlo, ale nebude to mít zcela ideální výsledky

[Martin Tůma]

ad 4) Hmm, tak nešlo, protože IE max-width nepodporuje...

[Valoun]

Hacky pro IE jsem zde samozrejme neuvadel. Zajimam se pouze o moderni prohlizece. A v IE opravuju jen to co OPRAVDU hori.

[Petr Soběslavský]

při větších rozlišeních je ze stránky úzká nudle

A co když má uživatel nastavené velké písmo (třeba 40px) - pak se mu i při rozlišení 2000 x nevimkolik px zobrazí na řádek třeba 40 znaků, což je v pořádku.

Není v tom případě snad lepší max-width:60em;? - IE to sice nepodporuje, ale když má někdo velké rozlišeni, vadí mu dlouhé řádky a přitom pořád používá IE, pak je mu každá pomoc drahá..

[Martin Tůma]

Stejná připomínka jako od Yetiho. Oba dva ale předpokládáte "uvědomělé" uživatele co si prohlížeč pro vysoký rozlišení náležitě "vyladí". Těch je ale IMHO zanedbatelný množství.

[unchallenger]

Ne, já předpokládám obě varianty. Kdo není uvědomělý, tak si snad alespoň nezvětšuje okno tak, aby se mu všechno blbě četlo?

Naproti tomu ty předpokládáš jediný typ uživatele -- a to právě toho, který tohle dělá.

[Petr Soběslavský]

Když budu myslet na většinového uživatele, tak tam plácnu width:780px; a minimálně v 90% případů to bude v pořádku. Extrémně velké rozlišení má menšina, takže i všechny snahy o přizpůsobení jsou mířeny k menšině uživatelů, a stejně jako jsou menšinou lidi s velkým rozlišením, jsou menšinou i lidi s vypnutým javascriptem, jsou menšinou i lidi s nastaveným velkým písmem..

[kavol]

Oba dva ale předpokládáte "uvědomělé" uživatele co si prohlížeč pro vysoký rozlišení náležitě "vyladí".

co je tohle za pitomost, s prominutím?

co bych měl ladit? mám v práci 17'' monitor, na kterém je maximální použitelné rozlišení 1280*1024, doma taky 17'' ale s 1600*1200 a na notebooku cca 14'' s 1024*768, a když chci písmo "dvanáctku", tak je všude vysoké 12 bodů, bez ohledu na to, kolik to znamená pixelů nebo procent z výšky obrazu ... problém při návrhu webu není rozlišení, ale skutečně dostupná šířka okna, a to se prostě musí (ehm) nechat na uživateli