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
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
Vastaukset 2
Vanhimmat
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)
..
Tjaahas suomi24 oli nälkä kun syö toiset aaltosulunkin