Jos teen tyylityksen/sivun malliin:
#sivupohja { width: 100%; height: 100%; margin: 0 auto; border-top: 1px solid #b7b7b7; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; border-left: 5px solid #b7b7b7; } #ylaotsikko { text-align: right; width: 100%; } #dataosa { width: 100%; height: 100%; margin: 2; padding: 0 15px; } #alapalkki { width: 100%; text-align: center; padding-top: 5px; padding-bottom: 5px;
Niin miten saan alapalkin liikkumaan koko ajan alareunassa riippuen tiedon määrästä dataosassa? Eli jos dataosaan tulee paljon tietoa niin alapalkin pitäisi liikkua dataosan alareunaan. Nyt yllä olevalla tyylillä, jos tulee paljon tietoa niin alapalkki jää selaimen alareunaan, mutta tiedot dataosassa jatkuvat alapalkin yli vaikka kuinka pitkälle :)
- AnttiK
Moikka wisekki!
auttaisikohan tämä...
padding-bottom: 5px; position:relative
Ei auttanut ainakaan suoraan liitettynä :) Mutta jätin tappelun ja tein paikallaan pysyvät ylä- ja alapalkin. Nyt saa dataosuus olla kuinka iso tahansa :)
Aihe on jo aika vanha, joten et voi enää vastata siihen.