![[HaBo]](/styles/default/logoklein.png){kind=small}
Ich habe mir eine kleine Seite geschrieben:
CSS:
Aus irgendeinem Grund wir das "menu"-div nicht automatisch an den Inhalt skaliert und die anderen Divs im Wrapper rücken um ca. 30 px nach unten, wenn ich ein padding-top für den Div setzte.
Außerdem wird die Schrift im userframe ca. 1em unter den Seitenanfang gesetzt und sitzt somit am unteren Rand des Usermenüs.
Wenn ihr das ganze euch einmal anschauen wollt:
http://www.new-first-blood.neverending-storys.com/
PHP:
<html>
<head>
<title><?php echo $sitename.$sitename_separator.$ctn_title ?></title>
<link rel="stylesheet" type="text/css" href="css/common.php">
</head>
<body>
<div id="userframe">
<div id="userframe_wrapper">
<p> Hier kommt das Usermenü hin! </p>
</div>
</div>
<div id="wrapper">
<div id="wrapper2">
<div id="header">
<h1>EasYplaY</h1>
<h3>Unser toller Slogan!</h3>
</div>
<div id="menu">
<div><a href="index.php?ctn=home">Home</a></div>
<div><a href="index.php?ctn=home">Mitglieder</a></div>
</div>
<div id="content">
<?php echo $content; ?>
</div>
<div id="footer">
<center>
<ul id="footer_menu">
<li> Datenschutz </li>
<li> Impressum </li>
</ul>
</center>
</div>
</div>
</div>
</body>
</html>CSS:
PHP:
<?php
header("Content-Type: text/css");
?>
body { background-color: black; background-image: url(../img/style/background.jpg); background-size: 100%; background-repeat: no-repeat; background-attachment: fixed; color: white; }
div#wrapper { width: 100%; position: absolute; top: 45px; left: 0; }
div#wrapper2 { width: 1024px; margin: 0 auto; }
div#userframe { width: 100%; height: 40px; position: absolute; top: 0; left: 0; background-image: url(../img/style/userframe.png); background-repeat: repeat-x; }
div#userframe_wrapper { width: 1024px; height: 40px; overflow: none; margin: 0 auto; }
div#header { width: 1014; height: 120px; padding-top: 1px; padding-left: 10px; }
div#menu { width: 1024px; background-color: #123456; }
div#menu div { float: left; padding-right: 25px; }
div#menu div a { color: white; font-size: 1.2em; display: inline; text-decoration: none; }
div#menu div a:hover { color: white; font-size: 1.2em; display: inline; text-decoration: none; background-color: rgba(255, 255, 255, 0.2); }
div#content { width: 1014px; min-height: 450px; padding-left: 10px; background-color: rgba(0, 0, 0, 0.8); margin-top: 5px; }
div#footer { width: 100%; height: 100px; }
ul#footer_menu { list-style: none; width: 250px; }
ul#footer_menu li { float: left; padding-right: 25px; }Aus irgendeinem Grund wir das "menu"-div nicht automatisch an den Inhalt skaliert und die anderen Divs im Wrapper rücken um ca. 30 px nach unten, wenn ich ein padding-top für den Div setzte.
Außerdem wird die Schrift im userframe ca. 1em unter den Seitenanfang gesetzt und sitzt somit am unteren Rand des Usermenüs.
Wenn ihr das ganze euch einmal anschauen wollt:
http://www.new-first-blood.neverending-storys.com/
