Hallo!
Ich habe kein spezielles Problem mit Wordpress, viel mehr mit einem Design...
Ziel ist es ein dreizeiliges Design zu erstellen... Leider will das ganze nicht so, wie ich es will...
Hier mal mein Quellcode:
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="top">
Inhalt
</div>
<div id="middle">
INHALT INHALT
</div>
<div id="bottom">
Test
</div>
</body>
</html>hier die passende Stylesheet-Datei:
Code
@charset "UTF-8";
/* CSS Document */
body {
width:100%;
height:100%;
padding:0px;
margin:0px;
}
#top {
position:absolute;
top:0px;
background-image:url("top.gif");
background-repeat:repeat-x;
width:100%;
height:68px;
margin:0px;
padding:0px;
}
#middle {
position:absolute;
top:68px;
left:0px;
bottom:0px;
right:0px;
height:100%
width:100%;
background-color:#383d43;
min-height:400px;
}
#bottom {
position:absolute;
bottom:0px;
width:100%;
left:0px;
right:0px;
height:135px;
background-color:#1f2329;
}Der Div bottom soll nun immer unten sein und das middle-Element logischerweise immer in der Mitte, aber irgendwie funktioniert das nicht so ganz... Wenn ich das Browserfenster verkleiner ist der bottom zwar unten, aber wenn ich weiter runterscrolle ist dort noch der div middle zu sehen. ich hoffe, ihr wisst, was ich meine...
vielen dank im voraus für alle tipps!
gruß,
duff