License Public Domain
Lines 31
Keywords
css (7) divs (1) html (6)
Permissions
Owner: jlugocp
Viewable by Everyone
Editable by jlugocp's Friends

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>