Mul on kahe veeruga paigutus - vasakpoolne div
ja parempoolne div
.
Paremal div
on hall taustavärv
ja mul on vaja, et see laieneks vertikaalselt sõltuvalt kasutaja akna kõrgusest. Praegu lõpeb taustavärv
selle div
sisu viimase osa juures.
Olen proovinud height:100%
, min-height:100%
jne.
Te ei maini mõningaid olulisi üksikasju, nagu:
Siin on üks võimalus:
body,
div {
margin: 0;
border: 0 none;
padding: 0;
}
html,
body,
#wrapper,
#left,
#right {
height: 100%;
min-height: 100%;
}
#wrapper {
margin: 0 auto;
overflow: hidden;
width: 960px; // width optional
}
#left {
background: yellow;
float: left;
width: 360px; // width optional but recommended
}
#right {
background: grey;
margin-left: 360px; // must agree with previous width
}
<html>
<head>
<title>Example</title>
</head>
<body>
<div id="wrapper">
<div id="left">
Left
</div>
<div id="right"></div>
</div>
</body>
</html>
Sellest on palju variante, sõltuvalt sellest, millised veerud on vaja fikseerida ja millised on vedelad. Seda saab teha ka absoluutse positsioneerimisega, kuid ma'olen üldiselt leidnud paremaid tulemusi (eriti brauserite vahel), kasutades selle asemel float'e.
Lisa min-height: 100%
ja ära määra kõrgust (või pane see automaatseks). See tegi minu jaoks täiesti tööd:
.container{
margin: auto;
background-color: #909090;
width: 60%;
padding: none;
min-height: 100%;
}