Autor Zpráva
IdemeNaHavaj
Profil
Vedel by mi niekto poradiť ako zistiť do premenných PHP aké rozlíšenie používa návštevník?
Chcem to pre rôznce .css podla toho aké má návštevník rozlíšenie, napr. if($roszlisenie1="1024" AND $rozlisenie2="768"){ nacitat .css pre rozlisenie 1024x768 }
scheras
Profil *
To se řeší pomocí mediaqueries na úrovni css.


Jinak se to dá zjitit pomocí JavaScriptu, php toto neumí.
_es
Profil
IdemeNaHavaj:
A čo keď má rozlíšenie 1024x768, no okno prehliadača má len trebárs 700x500? Prečo nespravíš rozvrhnutie stránky tak, aby sa rátalo s rôznym rozlíšením?
Trejpa
Profil
IdemeNaHavaj:
Neměla by tě jako tvůrce stránek zajímat spíš velikost okna? Na to je CSS3 Media Queries vhodné, nicméně starší prohlížeče to nemusí podporovat, takže se vyplatí vytvořit jednotný styl a podporujícím prohlížečům pak na základě podmínek v dalších stylech zadávat odchylky od toho výchozího.
IdemeNaHavaj
Profil
Čítam nejaké návody na to Media Queries, je to niečo nové pre mňa, poradíte ako s tím načítavať podľa velkosti okna .css?
margin
Profil *
Třeba takto:
<link rel="stylesheet" href="bigscreen.css" media="screen and (min-width: 1100px)">
zsroj: http://www.zdrojak.cz/clanky/webdesigneruv-pruvodce-po-css3-media-queries/

Doporučuji se na Media Queries podívat, protože možnosti je mnohem více, než jsem dal do ukázky.
Trejpa
Profil
IdemeNaHavaj:
Uvedu příklad stylů. Výchozím stavem je stránka široká 960 px, vlevo je menu a vpravo obsah. Pokud uživatel zmenší okno pod 980 px, aplikuje se podmínka v media queries a styl přeskupí bloky pod sebe. Všechny styly mohou být v jediném souboru, pokud jsou ve vícero, je výchozí styl první.

#obal { width: 960px; margin: auto; background: gold; }
#menu { width: 320px; float: left; }
#obsah { width: 640px; float: left; }
#paticka { clear: left; }

@media (max-width: 980px)
{
 #obal { width: 600px; }
 #menu, #obsah  { width: 100%; float: none; }
}

<div id=obal>
  <div id=menu></div>
  <div id=obsah></div>
  <div id=paticka></div>
</div>
IdemeNaHavaj
Profil
No idem študovať ďakujem
IdemeNaHavaj
Profil
<link rel="stylesheet" media="screen and (min-width: 799px) and (max-width: 1280px" type="text/css" href="w1280.css" />
<link rel="stylesheet" media="screen and (min-width: 1281px) and (max-width: 1600px" type="text/css" href="w1600.css" />

Neviem prečo, aj pri rozlíšení 1280x... mi to načíta .css pre rozlíšenie 1600x...
margin
Profil *
IdemeNaHavaj:
Na přesnou syntaxi bych se musel podívat, takže ti neřeknu, co přesně máš špatně, ale při zběžném pohledu vidím neukončenou závorku.
Chamurappi
Profil
Reaguji na IdemeNaHavaje:
Chybí ti tam ukončovací závorka.
Zjistit velikost okna jde pohodlně i JavaScriptem. Ten má mnohem vyšší podporu, než media queries.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: