..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!
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 🙂
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.
Nincs mit. Ha már eszembejutott, leírtam az észrevételem 😛
ööö egy owerflow:auto esetleg nem oldotta volna meg a hibát?
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/