License Public Domain
Lines 31
Keywords
css (7) divs (1) html (6)
Permissions
Owner: jlugocp
Viewable by Everyone
Editable by jlugocp's Friends
Hide
Siafoo is here to make coding less frustrating and to save you time. Join Siafoo Now or Learn More

Simple absolute div based web page w/ stretchy content area Atom Feed 0

# 's
 1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
2<html lang="en">
3<head>
4 <title>Main Page</title>
5 <!-- <link rel="stylesheet" type="text/css" href="main.css" /> -->
6 <style type="text/css">
7 .leftbar {position: absolute; width: 125px; background-color: red; left: 0px; top: 105px; bottom: 55px;}
8 .rightbar {position: absolute; width: 125px; background-color: green; right: 0px; top: 105px; bottom: 55px;}
9 .header {position: absolute; height: 100px; background-color: blue; top: 5px; width: 100%; left: 0px;}
10 .footer {position: absolute; height: 50px; background-color: yellow; bottom: 5px; width: 100%; left: 0px;}
11 .content {position: absolute; background-color: gray; left: 125px; right: 125px; top: 105px; bottom: 55px;}
12 </style>
13</head>
14<body>
15 <div class="header">
16 header
17 </div>
18 <div class="leftbar">
19 left bar
20 </div>
21 <div class="content">
22 Content goes here
23 </div>
24 <div class="rightbar">
25 right bar
26 </div>
27 <div class="footer">
28 footer
29 </div>
30</body>
31</html>