Miten saan div:lle asetettua heigh = 100%, niin että se toimisi?
Tarkoituksena on tehdä samantapainen layot kuin täällä, eli keskellä sivua on vaikka 80% leveä palsta, missä on koko sivun sisältö
Ongelmana on että jos sivulla on vähän sisältöä, niin se näyttää rumalta, kun on tuollainen laatikko ikkunan ylälaidassa. Jos se taas olisi 100% height, niin se näyttäisi palsta
Koko ikkunan korkea DIV
2
134
Vastaukset
- Viisas en ole
Vaikka näin (suomi24 takia koodi on noin), Idea on siis tehdä taulukko. Display tablen selain toimivuuden näät http://caniuse.com/#feat=css-table
(style)
html {
display: table;
height: 100%;
width: 100%;
min-width: 500px;
max-width: 1000px;
margin: auto;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
display: table-row;
}
div {
display: table-cell;
}
#valikko {
background: #ccc;
width: 200px;
}
#sisalto {
background: #ddd;
}
(/style)
.....
(div id="valikko") (/div)
(div id="sisalto") (/div)
..- Viisas en ole
Tjaahas suomi24 oli nälkä kun syö toiset aaltosulunkin
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
- 406983
- 323948
- 453330
- 402939
- 172716
- 372238
- 162196
- 412143
Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...
Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons482077- 402048