The left column is ALWAYS at least the height of the viewport. he trick:
html { height: 100%; margin: 0; padding: 0;}
body {
margin: 0; padding: 0 1em;
border-left: 200px solid #aaccbb;
min-height: 100%;
font-family: verdana, arial, sans-serif; font-size: 82%;
}
* html body { height: 100%; }
#left {
width: 200px;
margin-left: -200px;
float: left;
}
Vivamus ultrices. Vestibulum est lectus, mattis eget, adipiscing sed, sodales in, sem. Aenean sodales suscipit metus. Phasellus quis nulla vitae diam gravida lacinia. Nam lobortis, nisl eu adipiscing pharetra, tellus arcu dapibus velit, sed accumsan libero lorem ut lorem. Morbi sit amet tortor sed tortor scelerisque consectetuer. Aenean varius, pede eu auctor molestie, massa lacus auctor dolor, quis scelerisque lorem est sit amet tortor. Ut tempus pellentesque eros. Nulla tincidunt magna a sem. Aenean tincidunt, lacus a pretium lacinia, elit enim pellentesque ligula, at mattis pede nunc vel lorem. Nullam iaculis odio nec sem. Sed quis augue sit amet lorem tempor consequat. Suspendisse est tortor, iaculis id, lacinia vel, tempus porta, felis. Nullam in nibh eget libero venenatis vehicula. Nam consequat commodo metus. Proin mollis, elit sed dignissim pretium, eros nunc laoreet odio, eget luctus felis mi id mi. Sed laoreet sollicitudin sapien. Aenean quis massa. Fusce feugiat fermentum lectus. Donec tristique feugiat mauris.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque tellus orci, malesuada vitae, laoreet nec, eleifend mattis, sem. Morbi vitae wisi at lacus adipiscing sagittis. Quisque interdum porta purus. Fusce imperdiet mollis ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam non massa. Maecenas sed mi. Ut viverra nonummy libero. Morbi sollicitudin diam a quam. Sed malesuada, sem tristique tempus sollicitudin, nunc tortor pulvinar erat, ac blandit ligula eros eu elit. Ut massa urna, posuere quis, imperdiet at, interdum ac, dolor. Pellentesque tellus wisi, adipiscing at, varius vel, ultrices hendrerit, turpis. Integer egestas tellus. Nullam porta erat vitae wisi. Aliquam sed nulla. Morbi vestibulum bibendum lorem. Vestibulum massa metus, volutpat nec, gravida quis, tempus at, massa. In hac habitasse platea dictumst. Mauris tellus ligula, laoreet at, consectetuer vitae, tristique id, mi.
Cras ut sapien. Sed pharetra est. Donec imperdiet metus at mauris. Pellentesque ut nunc. Praesent blandit diam. Maecenas euismod erat nec orci. Curabitur luctus ligula vel dolor. Donec wisi. Donec ut libero ac lectus pulvinar suscipit. Praesent sodales, augue vitae facilisis fermentum, ligula nunc sollicitudin quam, eget vulputate nunc lectus euismod erat. Duis volutpat felis vel nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Proin suscipit sagittis metus. Nullam porta lectus et mi. Suspendisse potenti. Nunc mattis orci sit amet mi.
Proin posuere aliquam dui. Phasellus ullamcorper, nunc sed hendrerit rutrum, neque wisi ultricies ante, eget hendrerit turpis ligula in neque. Proin fermentum augue sed massa. Praesent nibh odio, faucibus vitae, laoreet sed, sodales sit amet, ligula. In congue laoreet odio. Donec condimentum. Phasellus semper pede lobortis urna. Mauris suscipit lectus in metus. Sed ullamcorper. Sed quis diam. Morbi suscipit magna eu mauris. Integer ullamcorper purus quis nunc dapibus luctus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras aliquet tortor luctus arcu. Pellentesque ut mi. Sed suscipit mollis nibh. Aenean aliquam enim. Nulla facilisi.
Integer eros. Morbi sit amet urna id nulla placerat tempus. Donec dapibus pede sed sem ornare adipiscing. Aliquam erat volutpat. Quisque sodales laoreet diam. Ut pharetra tellus a augue. Quisque urna purus, tristique vitae, hendrerit eu, consequat quis, nisl. Mauris fringilla egestas nunc. Nunc facilisis risus id lectus. Maecenas luctus, mi malesuada ullamcorper feugiat, odio est fermentum enim, vel commodo felis libero sit amet ipsum. Pellentesque sapien.