Guten Abend.
Ich habe ein problem mit meiner Seite. Ich habe für meine Seite, die bisher noch nicht online war, das Layout von Framesets auf Div Elemente gewechselt. Bis jetzt habe ich das Layout so hinbekommen, wie ich es möchte, allerdings stimmt die grösse noch nicht. Ich möchte am oberen rand der Seite einen Banner von 100px einfügen. Dieser Platz ist bereits reserviert. Nun möchte ich, dass sich die Grösse der Navigation und der Anzeige der restlichen Seiten dynamisch an das Fenster anpasst. Was muss ich da für Werte angeben?
Info: Die klassen bgcolorize, bgpicture und trennlinie ändern nur die Hintergrundfarbe und befinden sich in einer anderen Datei
Layoutseite:
CSS:
Ich habe ein problem mit meiner Seite. Ich habe für meine Seite, die bisher noch nicht online war, das Layout von Framesets auf Div Elemente gewechselt. Bis jetzt habe ich das Layout so hinbekommen, wie ich es möchte, allerdings stimmt die grösse noch nicht. Ich möchte am oberen rand der Seite einen Banner von 100px einfügen. Dieser Platz ist bereits reserviert. Nun möchte ich, dass sich die Grösse der Navigation und der Anzeige der restlichen Seiten dynamisch an das Fenster anpasst. Was muss ich da für Werte angeben?
Info: Die klassen bgcolorize, bgpicture und trennlinie ändern nur die Hintergrundfarbe und befinden sich in einer anderen Datei
Layoutseite:
Code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="style/feuer/glurak.css">
<link rel="stylesheet" type="text/css" href="style/feuer.css">
<script type="text/javascript" language="JavaScript" src="skripte/skripte.js"></script>
</head>
<body onload="init();">
<div id="container">
<div id="banner">
[%Banner%]
</div>
<div id="Wraper">
<div id="navigation" class="bgcolorize">
[%Navigation%]
</div>
<div id="trennlinie" class="trennlinie">
</div>
<div id="main" class="bgcolorize bgpicture">
[%Main%]
</div>
</div>
</div>
</body>
</html>
Code:
body{
margin:0;
padding:0;
}
#container{
}
#banner{
height:100px;
}
#navigation{
float:left;
width: 173px;
height: 100%;
overflow:scroll;
padding-left: 5px;
}
#trennlinie{
float:left;
width: 22px;
height: 100%;
}
#main{
height: 100%;
width: 829px;
overflow:scroll;
padding-left: 5px;
}
#wraper{
float:left;
width:100%;
}
.menu{
display: none;
}
.menu:active{
display:;
}
Zuletzt bearbeitet:
