posztok

kommentek
google keresőoptimalizálás
Zoli kísérleti erőlködéseinek laboratóriuma a keresőoptimalizálás és webfejlesztés fáradalmait boncolgatva

..de mindenesetre most nagyon nagy a vigyor a fejem. Történ ugyanis, hogy hetek óta egy portált bütykölgetek, hogy még annál is tökéletesebb legyen, mint amire én azt mondom, hogy ez durván jó.

Az oldal adatbázisból jeleníti példámban a content-ként identifikált div tartalmát. A tartalom mennyiségétől függően változik a div#content height értéke, és bizonyos lapokon mindezek értelmében a footer felugrott és meglehetősen gagyiként hatva rombolta az idegrendszeremet.

Chuck Norris rajongóhoz méltó elszántsággal vetettem bele magam a javascript vadászatba, amelynek eredménye az alábbi kód lett


var totalheight = document.body.offsetHeight;
var kell=window.innerHeight;
var mas=229;
var jo=kell-mas +'px';
if (totalheight<=kell){ document.getElementById('content').style.height=jo;}

Némi magyarázat a javascript kódolásban nem nyakig belemerült olvasóknak:
A scriptben két dolgot kell megadni, elsőként a div#content-től független elemek magasságát, amit a kódban a mas változó definiál. A másik dolog, ami testrseszabást igényel az a getElementById funkcóban szereplő div identifikáció. Miután ez bekerült a kódba, azokon a tartalmakon, ahol a horizontális scroll nem jelenik meg, a tartalmat 100%-ig nyújtja a div#content magassági értékének manipulálásával a látható tartományban.

További kellemes nyarat mindenkinek!

Frissítés
Tupacko észrevételének fényében a böngészőfüggetlen kód a következő:


var totalheight = document.body.offsetHeight;
var B=navigator.appVersion;
if(B=="Netscape"||B=="Opera"){
var kell=window.innerHeight;}
else{
var kell=document.documentElement.clientHeight;
}
var mas=229;
var jo=kell-mas +'px';
if (totalheight<=kell){ document.getElementById('content').style.height=jo;}

Tesztelve: IE6, IE7, IE8, Opera 9.51, Safari 3.1.2, illetve FF3
Bocs ha valami kimaradt, ezek elérhetőek a pc-ről.
Ismét kellemeset!

Ha tetszett, amit itt olvastál egy link elhelyezésével segíthetsz a népszerűsítésében.
Egyszerűen másold ki az alábbi kódot, majd illeszd be weblapod forráskódjába.
Így fog kinézni: Feltaláltam a spanyol viaszt? No azt azért nem..

This thing has 5 Comments

  1. Posted 2008 August 22 at 12:30 pm | Permalink

    Gratulálok!
    Egy kis építő jellegű kritika. Próbáltad több féle böngészőben is? Ha jól látom, akkor nem böngészőfüggetlen. Ha gondolod, nézz szét itt: http://webpillango.org/2008/05/04/elemek-ujrameretezes-az-ablakmeret-valtozasakor/ Ezen a linken több féle böngésző változónevei felvannak dolgozva, így összeférhető a legtöbb nagy browserrel.
    Sok sikert 🙂

  2. Bagi Zoltán
    Posted 2008 August 22 at 12:50 pm | Permalink

    Semmit sem szeretek jobban az építő jellegű kritikánál. Igazad van, csak böngészővel néztem a csapásokkal nem foglalkoztam, de ideje a végérejárni. Kösz a linket.

  3. Posted 2008 August 24 at 12:11 pm | Permalink

    Nincs mit. Ha már eszembejutott, leírtam az észrevételem 😛

  4. Posted 2008 November 14 at 4:16 pm | Permalink

    ööö egy owerflow:auto esetleg nem oldotta volna meg a hibát?

  5. Posted 2010 July 12 at 12:13 am | Permalink

    Hm.. Én ugyan ezt CSS-el oldottam meg, persze ahhoz a módszerhez nem mindegy hogy milyen a HTML kód felépítése, de szerintem nem vészes.. (de ha jól értem ehhez a scripthez is hasonló felépítés kell)

    A megoldás elvileg böngészőfüggetlen, legalább is IE6-on is működik.

    bővebben: http://blog.reden87.info/a-footer-lecsalogatasa-az-oldal-aljara/