Hab ja vorhin schon mal gepostet...der Quellcode ist der gleiche wie ebenda.
[editpost by michaelsinterface] Und hier der Quellcode, da sonst niemand weiß, von welchem Thread Du sprichst:
CSS-Datei:
[/editpost by michaelsinterface]
Jetzt mein Problem. Ich hab ja links oben ein Div (ein logo), rechts oben ein Div (einen header), links unter dem logo (ein menü) und rechts unter dem header (da soll der inhalt hin) ein Div. Jetzt würde ich das gerne so lösen, dass wenn der Inhalt-Div zu groß wird, man scrollen muss, aber die andern drei Divs wie bei nem Frameset fest bleiben. In der Suche hab ich nix gefunden und Google gibt mir leider auch nicht soviel her, außer hässlichen JavaScripts.
Weiß da jemand was? Wäre super! ;-)
[editpost by michaelsinterface] Und hier der Quellcode, da sonst niemand weiß, von welchem Thread Du sprichst:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>Datenbank</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div id="logo"><img src="http://www.tutorials.de/forum/images/logo.gif" border="0" alt="Datenbank."></div>
<div id="head">
<h1>Datenbank.</h1>
</div>
<div id="menu">
<table width="100%">
<tr>
<td>:: <a href="http://www.blabla.de" target="_blank">blabla</a></td>
</tr>
<tr>
<td><img src="http://www.tutorials.de/forum/images/navi_hr.gif"></td>
</tr>
</table>
</div>
<div id="content">
blablablablabla<br>
blablablablabla<br>
</div>
</body>
</html>CSS-Datei:
Code:
body{
background:#FFFFFF;
padding:0;
margin:0;}
<!-- LOGO -->
#logo{
background:#000000;
float:left;
position:fixed;
width:200px;
height:66px;
margin-right:0;}
<!-- HEADER -->
#head{
background:#CCCCCC;
position:fixed;
height:66px;
margin-left:200px;
padding-top:21px;
padding-left:21px;}
#head h1{
color:#FFFFFF;
font-family:Tele-Antiqua,Times New Roman,Arial;
font-size:24px;}
<!-- MENU -->
#menu{
background:#CCCCCC;
float:left;
position:fixed;
width:200px;
padding-top:15px;
padding-bottom:15px;}
#menu table{
border:0px;
}
#menu tr{
border:0px;
}
#menu td{
border:0px;
font-family:Arial,Verdana,Tahoma;
font-weight:bold;
font-size:12px;
}
#menu a:link,a:visited,a:active{
color:#000000;
text-decoration:none;
}
#menu a:hover{
color:#666666;
text-decoration:none;
}
<!-- CONTENT -->
#content{
background:#FFFFFF;
margin-left:202px;
padding-top:5px;
padding-left:5px;}Jetzt mein Problem. Ich hab ja links oben ein Div (ein logo), rechts oben ein Div (einen header), links unter dem logo (ein menü) und rechts unter dem header (da soll der inhalt hin) ein Div. Jetzt würde ich das gerne so lösen, dass wenn der Inhalt-Div zu groß wird, man scrollen muss, aber die andern drei Divs wie bei nem Frameset fest bleiben. In der Suche hab ich nix gefunden und Google gibt mir leider auch nicht soviel her, außer hässlichen JavaScripts.
Weiß da jemand was? Wäre super! ;-)
