Hi Leute,
ich habe mir mal versucht ein Template zu bauen. Jetzt habe ich ein Problem. Ich habe es so eingeteilt das:
(Header)
(Menü_oben)
(Menü_links) (Content) (Menü_rechts)
(Footer)
So. Ich hoffe ihr blickt durch. Jetzt habe ich ein problem dazu. Habe alles soweit in Html und CSS umgesetzt, bis zum Menü_links. Wenn ich jetzt den Content mit etwas fülle. Wird es unten drann angezeigt. An was liegt es? Hier mal mein Code dazu.
HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/test.css" />
<title>test - </title>
</head>
<body>
<!-- *** Wrapper *** -->
<DIV id=wrapper>
<!-- *** Header *** -->
<DIV id=pageHeader></DIV>
<!-- *** Header Ende *** -->
<!-- *** Menu *** -->
<DIV id=menu>Home I Login I Kontakt I Impressum </DIV>
<!-- *** Menu Ende *** -->
<!-- *** Menu_Links *** -->
<DIV id=navi>Bla Bla Bla BLa Bla Bla Bla Bla Bla Bla BLa BLa</DIV>
<!-- *** Menu_Links Ende *** -->
<!-- *** Content *** -->
<DIV id=content>Bla Bla Bla BLa Bla Bla Bla Bla Bla Bla BLa BLaBla Bla Bla BLa Bla Bla Bla Bla Bla Bla BLa BLaBla Bla Bla BLa Bla Bla Bla Bla Bla Bla BLa BLaBla Bla Bla BLa Bla Bla Bla Bla Bla Bla BLa BLaBla Bla Bla BLa Bla Bla Bla Bla Bla Bla BLa BLaBla Bla Bla BLa Bla Bla Bla Bla Bla Bla BLa BLa</DIV>
<!-- *** Content Ende *** -->
<!-- *** Menu_Links *** -->
<DIV id=kasten></DIV>
<!-- *** Menu_Links Ende *** -->
<!-- *** Footer *** -->
<DIV id=Footer>blablablablablablablablabla <DIV><DIV>
<!-- *** Footer Ende *** -->
</DIV>
</body>
</html>
/* Bodybereich */
BODY {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;
BACKGROUND: #e6e6e6;
FONT: 10px/14px verdana,arial,helvetica,sans-serif;
COLOR: #000000;
MARGIN: 0px;
scrollbar-face-color: #e6e6e6;
scrollbar-highlight-color: #e6e6e6;
scrollbar-3dlight-color: #0000;
scrollbar-shadow-color: #e6e6e6;
scrollbar-darkshadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #e6e6e6;
TEXT-ALIGN: center
}
/* Designbereich */
DIV#wrapper {
BORDER-RIGHT: #6699CC 1px solid;
BORDER-TOP: #6699CC 1px solid;
BORDER-LEFT: #6699CC 1px solid;
BORDER-BOTTOM: #6699CC 1px solid;
BACKGROUND: #fff;
MARGIN: 10px auto;
WIDTH: 910px;
TEXT-ALIGN: center
}
DIV#pageHeader {
BACKGROUND: url(image/header/header_hd.jpg) #6699CC no-repeat center 50%;
BORDER-BOTTOM: #ffffff 1px solid;
HEIGHT: 105px;
TEXT-ALIGN: left
}
#menu {
BACKGROUND: #6699CC;
HEIGHT: 18px;
TEXT-ALIGN: right
}
DIV#navi {
BORDER-RIGHT: #6699CC 1px solid;
WIDTH: 180px;
HEIGHT: px;
BACKGROUND-COLOR: #ffffff;
TEXT-ALIGN: left;
}
DIV#content {
WIDTH: 550px;
BACKGROUND-COLOR: #fffffff;
TEXT-ALIGN: left;
}
DIV#kasten {
BORDER-LEFT: #6699CC 1px solid;
WIDTH: 180px;
BACKGROUND-COLOR: #fffffff;
}
DIV#Footer {
CLEAR: both;
BACKGROUND: #6699CC;
FONT: 9px verdana,arial,helvetica,sans-serif;
HEIGHT: 15px;
TEXT-ALIGN: left
}
DIV#Footer A:link {
FONT: 9px verdana,arial,helvetica,sans-serif;
TEXT-DECORATION: none
}
DIV#Footer A:visited {
FONT: 9px verdana,arial,helvetica,sans-serif;
TEXT-DECORATION: none
}
Ich habe es probiert alles so übersichtlich wie möglich zu gestalten. Aber ich Blick nicht mehr durch. Könnt ihr mir da helfen? Wie ich die Menü_link - Content - Menü_rechts alles nebeneinander zu bringen?
Gruß Steffen
Scriptfragen
