Two Container Solution - Short Text

Return to article

Including both a div with its height attribute set to 100% and a div with its height not set will keep the column's background colour stretched to the right length.

<style type="text/css"> body { margin:0; padding:0; position:absolute; height:100%; background-color:orange; width:100%; } div.full { position:absolute; top:0; left:25%; width:50%; height:100%; background-color:white; padding:0 1em; } div.normal { position:absolute; top:0; left:25%; width:50%; height:auto; background-color:white; padding:0 1em; } </style>