Toivottavasti ymmärrätte, vaikka hiukan epäselvästi selitänkin...
Olen nähnyt useallakin nettisivulla iframen, jonka vierityspalkit eivät ole iframen sisällä, vaan sijaitsevat ikkunan reunoilla. Eli iframen sisältöä voi selata alaspäin normaalin ikkunan vierityspalkeilla.
Kuinka tämä tehdään?
Oletko varma, että kyseessä on iframe? Minusta luultavammin kaikki on samalla sivulla. Reunaosille laitetaan position: fixed ja sisällölle juuri reunojen kokoinen margin.
En ole varma siitä, että onko kyseessä iframe.
Kiitos kuitenkin neuvosta!
Koska minulla on kelluvia elementtejä (mikäli termin olen tässä tapauksessa oikein ymmärtänyt), se hankaloittaa asettelua position: fixedillä. Ellen ole väärin ajatellut, sivuston pitäisi tunnistaa näytön resoluutio?
Tässä havainnoillistava kuva:
http://petjatouru.com/kuvat/selainesimerkki.png
Eli muutenhan rakenteet on ok, mutta vierityspalkki tulisi sitoa kuvassa näkyvään sisältöön siten, että mikään muu (valikot, sivupalkit sun muut) ei liiku.
Tuollaisessa ratkaisussa sisältöosiolle on vain heitetty tarpeeksi marginia tai paddingia (joka reunaan), jotta sisältö tulee näkyville kun muut paikallaan pysyttelevät elementit sijoitellaan ympärille. Sisältöalueen ylimääräiset marginit/paddingit jäävät piiloon paikallaan pysyvien elementtien alle.
Firebugilla voit helposti tutkia, miten kyseinen sivu on rakennettu.
Petja kirjoitti:
Ellen ole väärin ajatellut, sivuston pitäisi tunnistaa näytön resoluutio?
Eikö edelleenkin pitäisi tietää näytön resoluutio?
Pienellä näytöllä saattaa sivu näyttää erilaiselta kuin isolla näytöllä.
Petja kirjoitti:
Petja kirjoitti:
Ellen ole väärin ajatellut, sivuston pitäisi tunnistaa näytön resoluutio?
Eikö edelleenkin pitäisi tietää näytön resoluutio?
Pienellä näytöllä saattaa sivu näyttää erilaiselta kuin isolla näytöllä.
Vastauseni tulee tässä:
Merri kirjoitti:
Firebugilla voit helposti tutkia, miten kyseinen sivu on rakennettu.
Juu, juu... Selväksi tuli.
---
En saanut toimimaan halutulla tavalla seuraavanlaisella kokoonpanolla:
.kupla (kuvassa esiintyy kokonaisuutena)
position: fixed
.txt (kuvassa esiintyy sisältönä)
position: static
Aihe on jo aika vanha, joten et voi enää vastata siihen.
