bob_twinkles.html

<!doctype html>
<html>
<head>
    <title>omg bob_twinkles</title>
    <style type="text/css">

#titlebar {
    border: solid 1px red;
}

#sidebar {
    border: solid 1px green;
    float: left;
    width: 200px; /*this is arbitrary but it must be set!*/
    height: 400px;
}

#mainview {
    border: solid 1px blue;
    margin-left: 210px; /*at least 200px to account for #sidebar + 10px for visual seperation*/
}

#footer {
    clear: both;
}

    </style>
</head>
<body>
        <div id="titlebar">
            <p> wow such titlebar </p>
        </div>
        <div id="sidebar">
            <p> omg so sidebar wow </p>
        </div>
        <div id="mainview">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget sodales tellus, id molestie felis. Duis varius venenatis tortor, eget bibendum orci tincidunt nec. Curabitur ut odio feugiat, semper ligula sed, pretium nisi. Pellentesque porttitor tincidunt enim, a mattis nulla dignissim et. Nullam iaculis sapien in imperdiet suscipit. Vivamus vitae volutpat eros, sed tempor elit. Morbi vel mollis neque. Mauris eleifend nec urna non consequat. Quisque vel nibh at est faucibus faucibus in blandit mauris. Aliquam commodo sodales sagittis. Aliquam nec mi nec nulla pretium blandit. Maecenas auctor lacus nec lacus tincidunt ultrices. Aenean consequat justo porta tincidunt vehicula. Suspendisse tristique arcu vel tellus porta, quis tempus lorem convallis.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget sodales tellus, id molestie felis. Duis varius venenatis tortor, eget bibendum orci tincidunt nec. Curabitur ut odio feugiat, semper ligula sed, pretium nisi. Pellentesque porttitor tincidunt enim, a mattis nulla dignissim et. Nullam iaculis sapien in imperdiet suscipit. Vivamus vitae volutpat eros, sed tempor elit. Morbi vel mollis neque. Mauris eleifend nec urna non consequat. Quisque vel nibh at est faucibus faucibus in blandit mauris. Aliquam commodo sodales sagittis. Aliquam nec mi nec nulla pretium blandit. Maecenas auctor lacus nec lacus tincidunt ultrices. Aenean consequat justo porta tincidunt vehicula. Suspendisse tristique arcu vel tellus porta, quis tempus lorem convallis.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget sodales tellus, id molestie felis. Duis varius venenatis tortor, eget bibendum orci tincidunt nec. Curabitur ut odio feugiat, semper ligula sed, pretium nisi. Pellentesque porttitor tincidunt enim, a mattis nulla dignissim et. Nullam iaculis sapien in imperdiet suscipit. Vivamus vitae volutpat eros, sed tempor elit. Morbi vel mollis neque. Mauris eleifend nec urna non consequat. Quisque vel nibh at est faucibus faucibus in blandit mauris. Aliquam commodo sodales sagittis. Aliquam nec mi nec nulla pretium blandit. Maecenas auctor lacus nec lacus tincidunt ultrices. Aenean consequat justo porta tincidunt vehicula. Suspendisse tristique arcu vel tellus porta, quis tempus lorem convallis.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget sodales tellus, id molestie felis. Duis varius venenatis tortor, eget bibendum orci tincidunt nec. Curabitur ut odio feugiat, semper ligula sed, pretium nisi. Pellentesque porttitor tincidunt enim, a mattis nulla dignissim et. Nullam iaculis sapien in imperdiet suscipit. Vivamus vitae volutpat eros, sed tempor elit. Morbi vel mollis neque. Mauris eleifend nec urna non consequat. Quisque vel nibh at est faucibus faucibus in blandit mauris. Aliquam commodo sodales sagittis. Aliquam nec mi nec nulla pretium blandit. Maecenas auctor lacus nec lacus tincidunt ultrices. Aenean consequat justo porta tincidunt vehicula. Suspendisse tristique arcu vel tellus porta, quis tempus lorem convallis.</p>
        </div>
    <div id="footer"></div>
</body>
</html>