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
aaaapuvavavav
2
137
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
Ikävä sinua
Onkohan sulla ollut sama tunne kuin mulla viimeisten parin päivän aikana, eilen varsinkin. Ollaan oltu ihan lähellä ja k273343- 402197
Otavassa tapahtuu!
Rakennuspalo, yläkerta tulessa. Henkirikosta epäillään. Tiettyä henkilöautoa etsitään, minkä mahdollinen epäilty ottanut352148Tulemmeko hyvin
Toimeen ja juttuun keskenämme? Luulen, että sopisit hyvin siihen ☀️ympäristöön, paljon kaikkea erilaista.♥️mietin tätä s71887Tiedän kuka sinä noista olet
Lucky for you, olen rakastunut sinuun joten en reagoi negatiivisesti. Voit kertoa kavereillesi että kyl vaan, rakkautta421518- 381329
- 1251222
Pitkäaikaiset työttömät työllisyystöillä takaisin yhteiskuntaan
Vaikka se vähän maksaakin, niin parempi on valtion teettää hanttihommia, jottei yksilöistä tule yhteiskuntakelvottomia.2591200Kesäseuraa
Kesäseuraa mukavasta ja kauniista naisesta. Viesti tänään mulle muualla asiasta jos kiinnostaa Ne ketä tahansa huoli, t451145- 131099