Želio bih postaviti visinu elementa pomoću CSS-a na način da mi visna elementa bude jednaka visini ekrana minus vertikalna pozicija (top) elementa, npr, ako je element udaljen 300px od vrha, a kod prikaza stranica je visoka npr. 700px da visina bude 400px, ali je ne želim hardkodirati jer netko drugi će imati drugu visinu stranice. Postoji li neki elegantni način da to postavim?
CSS height problem
- poruka: 5
- |
- čitano: 2.026
- |
- moderatori:
Lazarus Long, XXX-Man, vincimus
- +/- sve poruke
- ravni prikaz
- starije poruke gore
Javascriptom - onload izračunati poziciju elementa na stranici, oduzeti od ukupne visine i aplicirati kao visinu na element.
Za poziciju elementa i ukupnu visinu ima dosta primjera po netu, guglaj za funkciju ili koristi neki gotov library :-)
<!-- Ubaci ovaj kod u head dio stranice -->
<script type="text/javascript">
window.onload = function () {
// promjeni id na ID elementa kojeg želiš povećat/smanjit.
var e = document.getElementById('id');
var page = document.body.clientHeight;
var elem = e.offsetHeight;
e.style.height = page - elem;
}
</script>
var elem = e.offsetHeight;
var curleft = curtop = 0;
if (obj.offsetParent) {
do { curleft += obj.offsetLeft;
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
return [curleft,curtop];
}
Da, krivo sam skužio šta se traži..... sry