Resolucija stran glede na res. zaslona?

Eno vprašanje za vse HTML mojstre. Kakšna je koda, da se nastavi več različnih htmljev za različne obiskovalce, ki imajo različno nastavljeno resolucijo zaslona?

Predstavljam si, da se v header nalepi neka koda, nato pa glede na uporabnikovo resolucijo prikaže različne dele body-ja. Dejansko bi rad prikazoval popolnoma različne elemente, ne zgolj prilagajal eno stran.

Hvala za pomoč:)

7 odgovorov

http://www.alistapart.com/articles/responsive-web-design/

Za začetek bi ti tole lahko pomagalo.

lp

1

Mislim da ce bos hotel ugotavljati resolucijo zaslona, bos rabil JS. CSS3 je premalo podprt.

1

V hedearju boš moral z javascriptom vprašat katero resolucijo ima in potem glede na to prilagajat CSS ali pa s PHP-jem. Je pa to trnova pot saj boš moral uloviti ful velik različnih kombinaciji.

1

Mambo89:
Eno vprašanje za vse HTML mojstre. Kakšna je koda, da se nastavi več različnih htmljev za različne obiskovalce, ki imajo različno nastavljeno resolucijo zaslona?

Predstavljam si, da se v header nalepi neka koda, nato pa glede na uporabnikovo resolucijo prikaže različne dele body-ja. Dejansko bi rad prikazoval popolnoma različne elemente, ne zgolj prilagajal eno stran.

Hvala za pomoč:)

Takole imam jaz:

<script type="text/javascript">
if(screen.height >= 960)  {
    document.write('<link href="960.css" rel="stylesheet" type="text/css" />');
}
</script>
<script type="text/javascript">
if(screen.height >=900) {
    document.write('<link href="900.css" rel="stylesheet" type="text/css" />');
}
</script>

S tem, da poglej kako je pri screen.width ;)

2

Pa lahko s css-om naredim, da se od npr. 5 div tagov prikaže samo eden, ostali so skriti?

Mambo89:
Pa lahko s css-om naredim, da se od npr. 5 div tagov prikaže samo eden, ostali so skriti?

Poskusi z: display:none;, v tistem css, v katerem ne želiš, da se ti div prikaže ;)

1