nur mit css:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unnamed-1</title>
<style type="text/css">
/* Browser Reset */
html, body
{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#content
{
width: 100%;
position: absolute;
top: 0;
bottom: 100px;
background-color: #FF0000;
}
#streifen
{
width: 100%;
height: 100px;
position: absolute;
bottom: 0;
background-color: #0000FF;
}
</style>
</head>
<body>
<div id="content">Inhalt</div>
<div id="streifen">Streifen</div>
</body>
</html> die Browserkompatibilität zu älteren Versionen hab ich jetzt noch nicht geprüft.
edit: IE6 macht es nicht, IE8 schon, die V7 hab ich nicht da zum testen.
bei den anderen Browsern hab ich hier auch nur die aktuelle Version.
06-11-2010, 09:19
Ähnliche Themen 
Linear-Darstellung
