bob_twinkles.html II

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

#titlebar {
    border: solid 1px red;
    position: fixed;
    height: 100px;
    width: 1200px;
}

#sidebar {
    border: solid 1px green;
    position: fixed;
    width: 200px;
    height: 400px;
    margin-top: 110px;
}

#mainview {
    border: solid 1px blue;
    margin-left: 210px;
}

#content {
    margin-top: 110px;
    border: solid 5px black;
}

#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">
    <div id="content"><!--Ugly div for css purposes-->
            <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>
    <div id="footer"></div>
</body>
</html>