﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

html {
padding:0px;
margin:0px;
}
body {
	background-color: #ffffff;
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #000066;
	padding: 0px;
	margin: 0px;
}
a {
	color: #000066;
	font-size: 11px;
	background-color: transparent;
	text-decoration: none;
}
pre {
	color: #000066;
	font-size: 11px;
	background-color: #FFFFFF;
	font-family: Courier, Monaco, Monospace;
}
pre {
padding: 5px 15px;
margin: 0px;
}
h3 {
padding: 5px 15px;
margin: 0px;
}
h1 {
padding: 5px 15px;
margin: 0px;
}
p {
padding: 5px 15px;
margin: 0px;
}
h3 {
font-size: 13px;
text-transform:uppercase;
color: #000066;
background-color: transparent;
}
/* positioning-layers dynamisch */
#logo {
position: absolute;
right: 2%;
width: 96%;
text-align: right;
top: 20px;
}
#left {
position: absolute;
left: 2%;
width: 19%;
top: 90px;
background-color: #ffffff;
}
#content {
position: absolute;
left: 23%;
width: 57%;
top: 0px;
background-color: #ffffff;
overflow: auto;
}
#right {
position: absolute;
left: 83%;
width: 15%;
top: 90px;
background-color: #ffffff;
overflow: auto;
}
#left {
border: 0px solid #564b47;
padding:0px;
margin:0px;
}
#content {
border: 0px solid #564b47;
padding:0px;
margin:0px;
}
#right {
border: 0px solid #564b47;
padding:0px;
margin:0px;
}
--></style>
</head>
<body>

<div id="left">
<h3>left</h3>

<pre>#left {<br>position: absolute;<br>left: 2%;<br>width: 19%;<br>top: 90px;<br>background-color: #ffffff;<br>}<br></pre>

<h3>Attention</h3>

<p>These pages use certain CSS definitions that are unsupported by older browsers.<br>

<a href="/">more nice and free css templates</a></p>

<p>
<img src="xhtml10.gif" alt="" border="0" height="15" width="80"><br>

<img src="css.gif" alt="css" border="0" height="15" width="80"><br>

</p>

<br>

<br>

</div>

<div id="content">
<h3>middle right</h3>

<pre>#content {<br>position: absolute;<br>left: 25%;<br>width: 65%;<br>top: 90px;<br>background-color: #ffffff;<br>overflow: auto;<br>}<br></pre>

<h3>overflow: auto;</h3>

<p>With overflow: auto;
With overflow: you can determine how overflowing content should be treated.</p>

<h3>Values</h3>

<pre>visible = The element gets expanded to show the entire content.<br>hidden = The content will be cut if it overflows.<br>scroll = The browser should offer scroll bars.<br>auto = The browser should decide how to render the element. Scroll bars are allowed.<br></pre>

<p>Older browsers do not know support this property.<br>

IE does not support overflow:visible</p>

<br>

<br>

</div>

<div id="right">
<h3>right</h3>

<pre>#right {<br>position: absolute;<br>left: 76%;<br>width: 10%;<br>top: 90px;<br>background-color: #ffffff;<br>overflow: auto;<br>}<br></pre>

<h3>open code</h3>

<p>Use of this code encouraged! (o_.)/</p>

<br>

<br>

</div>

</body>
</html>

