Eli tarkoitus olisi saada sivu, joka on aina ikkunan levyinen ja korkuinen. Lisäksi sivun alaosaan pitäisi saada palkki, joka olisi esim. 20% sivun korkeudesta. Sivu olisi tulossa info-tv-käyttöön (näyttöjen koko vaihtelee; 20-40 tuumaa). Yläosassa olisi tarkoitus esittää vaihtuvia tietoja (esim. uutisotsikoita) ja alaosassa olisi kiinteästi esim. päivämäärä ym. Lisäksi sivulle ei saisi koskaan tulla vierityspalkkia. Jos yläosan sisältö on liian pitkä, se menisi alaosan alle.
Mikä olisi järkevin tapa toteuttaa tämä?
Lisäys:
Ratkaisu löytyikin Googlella. Onko jollain jotain parannettavaa tähän?
html {
position: relative;
height: 100%;
min-height: 100%;
}
body {
margin: 0 0 125px;
padding: 25px;
overflow: hidden;
}
footer {
background-color: orange;
position: absolute;
left: 0;
bottom: 0;
height: 100px;
width: 100%;
}<!DOCTYPE html>
<head>
<title></title>
</head>
<body>
<article>text here</article>
<footer>footer here</footer>
</body>
</html>Aihe on jo aika vanha, joten et voi enää vastata siihen.