Hallo zusammen,
nach dem ich mit Dieters Hilfe endlich die Extension Macina Banner Mgm zum laufen bekommen habe, habe ich nur noch ein Problem. Mein Logo und der Banner wollen sich nicht neben einander zeigen.
Seite www.world-of-sailing24.com
Mein HTML Template sieht so aus:
<html>
<head>
<title>Snowboardschule Meyer-Mueller-Schmidt</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="language" content="de" />
<link rel="stylesheet" type="text/css" href="fileadmin/style.css" />
<meta name="verify-v1" content="5g4vEGqEp0/f2l4XXcyCEJQAuOEeD/YF4BIiSMtd5Ls=" />
</head>
<body>
<!-- ###DOKUMENT### begin -->
<div id="container">
<div id="header">
<div id="logo">###LOGO###</div>
<div id="banner">###BANNERTOP###</div>
</div>
<div id="top">
###MENU_OBEN###
</div>
<div id="links">
<div>
###MENU_LINKS###
</div>
<div>
###SUCHE###
</div>
</div>
<div id="right">
###RECHTS###
</div>
<div id="center">
<div id="head">
###DATUM### :: ###SPRACHE### :: ###DRUCKVERSION###<br />
###KLICKPFAD###
</div>
<div>
###INHALT###
</div>
</div>
<div id="footer">
</div>
</div>
<!-- ###DOKUMENT### end -->
</body>
</html>
Meine CSS:
h2,h3,h4,h5,h6,div,p,body,html,input,button {
font: normal 12px Helvetica,Verdana,Arial
}
h1 {
font: normal 12px Helvetica,Verdana,Arial;
font-weight: bold;
}
img.block {
display:block;
}
div, img {
margin:0;
padding:0;
border:0;
}
div#container {
width: 100%;
margin-left:auto;
margin-right:auto;
border:1px solid silver;
background: url(../fileadmin/images/background.gif) center repeat-y;
}
div#top {
font: bold 10px Verdana,Arial;
clear:both;
background-color:#001463;
text-align:right;
color:#FFFFFF;
padding:5px;
padding-right:180px;
width:100%
}
div#top a {
text-decoration: none;
color:white;
}
div#header {
background-color:white;
width: 100%;
}
/*-----------------------------------*/
div#links {
float:left;
width:20%;
padding-top:37px;
padding-bottom:10px;
background-color:#364497;
}
div#head {
font: normal 10px Helvetica,Verdana,Arial;
padding-top:5px;
padding-bottom:5px;
width: 100%;
}
div#center {
margin-left:190px;
width:100%;
}
div#right {
float:right;
width:20%;
padding-top:37px;
padding-bottom:10px;
background-color:#364497;
}
div#banner {
float: right;
}
div#logo {
}
div#footer {
clear:both;
background-color:#001463;
padding:10px;
}
Wer kann mir helfen?
Zweite Frage wäre wie es hinbekomme dass die Navi Links und Navi Rechts am Footer sich "ankleben", damit die Seite geschlossen bleibt.
Bitte bei den Erklärungen dran denken : Ich bin noch Anfänger !!
Danke im Voraus.
Kim