Hallo liebe Leute
Ich habe mich seit langem mal wieder an meinen Rechner gesetzt und habe versucht ein neues Projekt auf die Beine zustellen. Nun scheitere ich aber schon bei einer wahrscheinlich ganz einfachen Sache und ich weiß nicht, woran es liegt. Ich könnte wetten, dass es ein einfacher Denkfehler von mir ist, aber das werden wir ja hoffentlich gleich rausbekommen. Die Homepage läuft mit dem CMS Websitebaker und ich versuche gerade ein eigenes Design zu entwerfen. Dabei möchte ich eine Kopfleiste integrieren, in der "Impressum" und "Über uns" steht (natürlich als Link). Dazu habe ich jetzt einen neuen DIV angelegt und wollte den Inhalt per float auf die rechte Seite bringen, doch dann verschiebt sich der Text auf den Header und das soll er ja nicht und dürfte er ja eigentlich auch nicht, weil der div ja eigenständig ist. Aber hier erstmal meinen Momentanen Code:
* {
margin:0;
padding:0;
}
body {
text-align: center; /* Zentrierung IE */
background:url(images/hg.jpg);
background-color:#FFFFFF;
}
#seitenbereich {
text-align:left; /* Inhalt wieder links */
margin: 0 auto; /* Zentrierung mitte */
width: 920px;
background-color:white;
padding-top:10px;
}
#kopfleiste {
background-color:red;
width:920px;
}
#kopfbereich {
background:url(images/header.jpg) no-repeat;
height:240px;
}
#menu {
background-color:red;
width:920px;
}
#menu li {
display:inline;
list-style-type:none;
}
#inhalt {
font-family:arila;
font-size:16px;
}
#footer {
width:920px;
background-color:yellow;
}
a:link, a:visited, a:active {
color: #333333;
text-decoration: underline;
}
a:hover {
color: #000000;
text-decoration: none;
}
h1 {
color: #e9bdc8;
font-size: 15px;
font-weight: bold;
}
h2 {
color: #333333;
font-size: 13px;
}
Alles anzeigen
<!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="de" lang="de">
<head>
<title><?php page_title(); ?></title>
<meta name="description" content="<?php page_description(); ?>" />
<meta name="keywords" content="<?php page_keywords(); ?>" />
<link href="<?php echo TEMPLATE_DIR; ?>/style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="seitenbereich">
<div id="kopfleiste"><a href="">Impressum</a></div>
<div id="kopfbereich">
</div>
<div id="menu">
<?php
if(SHOW_MENU) { /* Wird nur angezeigt, wenn auch ben?tigt */
show_menu();
}
?>
</div>
<div id="inhalt">
<?php page_content(); ?>
</div>
<div id="footer">
<p>Hier ist die Fußleiste</p>
</div>
</div> <!--Ende Seitenbereich-->
</body>
</html>
Alles anzeigen
Und hier nochmal der Link, damit ihr vielleicht euch darunter mehr vorstellen könnt
http://dennis.spacequadrat.de/
LG