Two column html with complete height of the browser.
Here is a small snippet that will help you achieve a two column layout with complete height of the browser.
<html>
<body style=”margin:0px;height:100%”> <!– key point in having browser height –>
<div style=”width:50%;background:#600;height:100%;float:left;”></div>
<div style=”width:50%;background:#444;height:100%;float:right;”></div>
</body>
</html>
Here is the result of the above code.
You might want to add the styles to seperate classes and code more neatly.
Advertisement




Perfect. Thanks so much, I was fighting with this for a long time, being a total noob with HTML.