Hallo leute
ich möchte mir gerne eine Homepage erstellen und zur formatierung des Menüs css benutzen. In diesem Zusammenhang hab ich leider auch ein paar Probleme, die ich nicht lösen kann.
1. Die Fusszeile soll sich immer am unterem Fensterrand befinden, egal welche auflösung oder Fenstergröße.
2. Der Bereich für das Menü soll immer so hoch wie das ganze Fenster sein.
3. Sollte im Bereich für den Inhalt gesrollt werden müssen, soll nur dieser Bereich scrollbar sein, und nicht die ganze seite.
4. Das Logo und die Überschrift in der Kopfzeile sollen neben einander stehen.
Hoffe das das verstandlich ist.
Hier sind noch meine index.html
<?xml version="1.0"?>
<!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>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="audience" content="Alle">
<meta name="description" content="noch zu machen"/>
<meta name="page-type" content="Private Homepage">
<meta name="robots" content="index, follow"/>
<link rel="stylesheet" type="text/css" href="css/stylesheet_1.css" />
</head>
<body>
<div id="container">
<div id="kopfzeile">
[img]test.jpg[/img]
<h1>test</h1>
</div>
<div id="navigation">
[url='vorlage.html']Home[/url]
[url='kontakt.html']Kontak[/url]
[url='impressum.html']Impressum[/url]
</div>
<ul id="menue">
[*][url='aktuelles.html']Aktuelles[/url]
[*][url='termine.html']Termine[/url]
[*][url='vorstand.html']Vorstand[/url]
[*][url='mitglieder.html']Mitglieder[/url]
[*][url='download.html']Downloads[/url]
[*][url='links.html']Links[/url]
[*][url='gaestebuch.html']Gästebuch[/url]
[/list]
-->
<div id="inhalt">
</div>
<div id="fusszeile">
</div>
</div>
</body>
</html>und die css Datei
body
{
background-color: white; /* Hintergrund in WEIß */
color: darkblue; /* Schriftfarbe: BLAU */
}
#kopfzeile
{
text-align: center; /* Kopfzeile: mittig ausgerichtigt */
background-color: red; /* Hintergrundfarbe: ROT */
border-style: inset; /* Rahmen erstellen */
border-width: thin; /* Rahmendicke */
margin-bottom: 10px; /* Abstand zwischen Kopfzeile und Navigation */
}
#navigation
{
text-align: right; /* Inhalt links anordnen */
background-color: red;
border-style: inset; /* Rahmen erstellen */
border-width: thin; /*Rahmendicke*/
}
#menue
{
position:fixed;
list-style-type:none; /* Auszählungszeichen entfernen */
float: left; /* Menue am Linken Bildschrimrand ausgerichtet */
background-color: red;
margin-left: 10px; /* Linken Rand eingefügt */
border-style: inset; /* Rahmen erstellen */
border-width: thin; /* Rahmendicke */
}
#inhalt
{
color:darkblue; /* Schriftfarbe: DUNKELBLAU */
padding:10px;
}
#fusszeile
{
clear: both; /* Anordnung der Container aufheben */
background-color: red;
text-align: right;
font-size: x-small;
border-style: inset; /* Rahmen erstellen */
border-width: thin; /* Rahmendicke */
}
a
{
letter-spacing:normal;
text-decoration:none; /* Linkformatirund aufheben */
}
a:link
{
color:drakblue;
}
a:visited
{
color:darkblue;
}
a:hover
{
text-decoration:underline;
}
a:active
{
text-decoration: underline;
color:blue;
}sowie ein Bild, wie es bisher aussieht (alt.jpg) und wie es aussehen soll (neu.jpg)
hoffe das ihr mir helfen könnt bzw. Anregungen geben könnt wie das zu realisieren ist
Danke schon mal für die hilfe
mattis