Tunnus:

Salasana:

Uusi käyttäjä

Haku

Pikalinkit

Kesähaaste 2010

Paranna Morpion-pelin kansainvälisiä ennätyksiä!

Ohjeet | Nettipeli | Tuloslista

Putkaposti

Suunnittele tiedosto, josta tulee suuri ZIP-paketti!

Vastauksia: 32
Paras: 1158

Tehtävään...

Keskustelu

Millä tavalla aiemmissa keskusteluissa esitetyn formin sijoittaminen tuohon linkin paikalle tuottaa ongelmia? (Nettisivut ja -ohjelmointi) lisää...


Keskustelu: Nettisivut ja -ohjelmointi: Elementti kiinteäksi

Macro [04.02.2010 16:52:14] LainaaMuokkaa
Jos minulla on elementit vasen ja oikea jotka ovat vierekkäin, niin miten saan oikean elementin pysymään paikoillaan jos rullaa vasenta? Perjaatteessa kuten vasen olisi frame, mutta diveillä. Eli oikean palkin teksti pysyy paikallaan kun rullaa... Saikohan selvää?

Jokotai [04.02.2010 16:54:19] LainaaMuokkaa
Kuten kuvalauta.fi:ssäkö

Macro [04.02.2010 16:57:11] LainaaMuokkaa
Kyllä, mutta tuo on jollain muulla toteutettu... Lisäksi sen tulisi olla yhtä korkea kuin viereinen elementti.

Jokotai [04.02.2010 16:59:28] LainaaMuokkaa
Toteutuksen läydät http://www.kuvalauta.fi/menu.html

Metabolix [04.02.2010 16:59:53] LainaaMuokkaa
Laita elementeille vakiokorkeus ja omat vierityspalkit (overflow: auto).

Macro [04.02.2010 17:01:25] LainaaMuokkaa
Jokotai: Ei ole mieluinen ratkaisu...
Metabolix: Kyllä se varmaan muutenkin onnistuu, sillä sekään ei ole kiva kun vierityspalkki on jossain hevon kuusessa.

Sivun pohja on jotenkuten tälläinen: http://merri.net/xhtml/macro_divikorkeus.html

Jokotai [04.02.2010 17:02:32] LainaaMuokkaa
Siis haluatko että kumpaakin voi rullata vai että vain vasenta.

Macro [04.02.2010 17:06:23] LainaaMuokkaa
Perjaatteessa kuten Ohjelmointiputkan sivukin toimii, mutta tuon oikean elementin tekstit jähmetettäisiin tuohon. Eli, koko sivu liikkuisi, mutta oikean palkin tekstit pysyisivät kuitenkin koko ajan näkyvissä.

Jokotai [04.02.2010 17:13:38] LainaaMuokkaa
O_o eihän tuo Ohjelmointiputkan oikea palkki näy jos tarpeeksi alas scrollaa.

Macro [04.02.2010 17:14:12] LainaaMuokkaa
Ei niin, mutta tarkoitukseni on saada omalle sivulle se näkymään.

Muuten, tuossa Merrin kirjoittamassa sivussa on ongelmana se, jos oikea elementti on vasenta korkeampi niin se menee yli... Miten se korjataan, toisinpäin se jo toimii...

Jokotai [04.02.2010 17:17:41] LainaaMuokkaa
Hups tuossa tosiaan lukee mutta. Mutta kuvalaudan mallihan sopii kuvaukseen erinomaisesti.

Metabolix [04.02.2010 17:21:05] LainaaMuokkaa
Voit laittaa oikeanpuoleiselle elementille määreen position: fixed ja asettaa sijainnin absoluuttisesti. Ongelmana tässä on, että sivu voi joissain tilanteissa skaalautua niin, että absoluuttinen sijainti onkin väärä. Myöskään tuo samaan pituuteen venyttäminen ei enää toimi, ja pienellä näytöllä osa elementistä saattaisi olla ruudun ulkopuolella tavoittamattomissa.

(Vanhat IE-versiot eivät osaa fixed-asettelua, joten jos haluat niidenkin toimivan, joudut ympäröimään koko sivun ylimääräisellä divillä, joka on body-elementin kokoinen ja sisältää vierityspalkin. Tällöin heti body-elementin alla position: absolute ajaa saman asian kuin fixed normaalisti.)

Juhko [04.02.2010 23:54:45] LainaaMuokkaa
ÄÄÄÄkh. Vanhat IE:t ei osaa tehdä mitään oikein. Parempi jättää niiden käyttäjät omaan arvoonsa.

tgunner [05.02.2010 00:34:23] LainaaMuokkaa
Juhko kirjoitti:
ÄÄÄÄkh. Vanhat IE:t ei osaa tehdä mitään oikein. Parempi jättää niiden käyttäjät omaan arvoonsa.

Huono ratkaisu. IE:llä on edelleen varsin kattava käyttäjäkunta ja nettisivujen suunnittelun kannalta heidätkin on hyvä ottaa huomioon, vaikka se vaatisikin erikoisjärjestelyjä.

Grez [05.02.2010 07:53:13] LainaaMuokkaa
Nyt puhutaan ilmeisesti IE6:sta. Todella vanhoja IE:itähän ei juuri kukaan enää käytä.. IE5 on ehkä joitain promilleja.

IE6-käyttäjien jättäminen omaan arvoonsa voi olla ihan hyvä neuvo jos tekee vain harrastesivuja ja vakavammin otettavat sivut on ehkä jossain parin vuoden päässä.. Silloin toivon mukaan se IE6:n osuus on paljon nykyistä pienempi. Eihän kukaan kai nykyäänkään tue esim. IE3:sta...

Merri [05.02.2010 11:17:05] LainaaMuokkaa
Jos tekee harrastesivuja tai suomenkielisiä sivuja, niin IE6-tuki on aika kannattamatonta. IE6:n osuus on Suomessa noin 5% ja käyrä vetää vain yhteen suuntaan. Siksitoisekseen... jos sivu näyttää ihan ookoolta, sitä pystyy lukemaan ja käyttämään, niin ei sillä ole mitään väliä, vaikka se ei toimi täsmälleen samalla tavalla tai näytä täsmälleen samalta kuin muilla selaimilla. Kävijälle tärkeintä on saada sivuilta se sisältö.


Tässä on yksi tapa toteuttaa paikallaanpysyvyys muille elementeille (pohjautuen tähän esimerkkiin):

#left {
    height: 400px;
    margin: 0 271px 0 0;
    overflow-y: scroll;
    padding: 5px;
    position: relative;
}

Eli nyt kun #leftin sisälle tulee tarpeeksi sisältöä, niin sitä pystyy vierittämään. Vierityspalkki ilmestyy tosin #leftin kohdalle. Kaikki muu pysyy paikallaan.

En ole kovin suuri position: fixed;n fani. Sen kyllä saa kikkailtua paikalleen (esim. ensin margin-leftiä 50% ja sitten vaan tarpeeksi leftiä niin sen saa keskitykseen mukaan), mutta sitten esimerkiksi joillakin (kaikilla?) mobiiliselaimilla kyseinen elementti ei käsittääkseni tulisi edes ollenkaan näkyville, koska se olisi pystysuunnassa ulkona ruudulta.


Tämä aihe on yli kuukauden vanha, eikä siihen voi enää lähettää uusia viestejä.

ylläpito Antti Laaksonen, ulkoasu Otto Seiskari