Ich hab mir jetzt schon so ziemlich alles durchgelesen, aber irgendwie klappt es nicht. der footer ist immer am Anfgang und nicht am ende der Seite =/
HTML-Code:
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="<?php echo $this->language; ?>"
lang="<?php echo $this->language; ?>"
dir="<?php echo $this->direction; ?>" >
<?php echo '<?xml version="1.0" encoding="utf-8"?' .'>' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<link rel="stylesheet" type="text/css" href="/templates/n1_design2010/css/template_css.css">
<jdoc:include type="head" />
</head>
<body>
<div id="Seite">
<div id="HEADER">
<div id="_menu">
<jdoc:include type="modules" name="n1menu" style="xhtml" />
</div>
</div>
<div id="CONTENT">
<div id="_content-box_TOP"><SPAN class="content_title"><jdoc:include type="modules" name="n1title" style="xhtml" /></SPAN></div>
<div id="_content-box_MIDDLE"><SPAN class="n1content"><jdoc:include type="component" style="xhtml" /></SPAN></div>
<div id="_content-box_BOTTOM"></div>
</div>
<div id="SIDEBAR">
<div id="_sidebar_TOP"><SPAN class="content_title">Referenzen</SPAN></div>
<div id="_sidebar_MIDDLE"></div>
<div id="_sidebar_BOTTOM"></div>
</div>
<div id="fusszeile"><jdoc:include type="modules" name="n1footer" style="xhtml" /></div>
</div>
</body>
</html>
Code:
body {
width: 100%;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(/templates/n1_design2010/images/bg.png); /*die Scanlines*/
}
.menu {
font-family: Arial;
font-size: 17;
}
.content_title {
font-family: Arial;
font-size: 20;
color: #873900;
font-weight: bold;
}
.n1content {
font-family: Arial;
font-size: 12;
}
.discription {
font-family: Arial;
font-size: 11;
font-weight: italic;
}
.preis {
font-family: Arial;
font-size: 14;
font-weight: bold;
color: darkgreen;
}
div#HEADER {
position: absolute;
left: 12px;
top: 0px;
width: 982px;
height: 196px;
background-image: url(/templates/n1_design2010/images/header.png);
background-repeat: no-repeat;
}
div#_menu {
position: absolute;
top: 196px;
width: 982px;
height: 54px;
background-image: url(/templates/n1_design2010/images/menu_bg.png);
border-bottom-style: solid;
border-bottom-width: 4px;
border-bottom-color: 745a2c;
}
p {
margin-top: 0px;
margin-bottom: 0px;
}
ul#mainlevel_menu {
margin: 0px;
padding-top: 17px;
padding-left: 0px;
list-style-type: none;
}
ul#mainlevel_menu li {
margin-top: 15px;
margin: 5px;
padding-top: 15px;
padding-bottom: 17px;
list-style-type: none;
display: inline;
border-bottom-style: solid;
border-bottom-width: 4px;
border-bottom-color: #745a2c;
}
ul#mainlevel_menu li:hover {
margin-top: 15px;
margin: 5px;
padding-top: 15px;
list-style-type: none;
display: inline;
border-bottom-style: solid;
border-bottom-width: 4px;
border-bottom-color: #ffc662;
}
a.mainlevel_menu:link {
font-family: Arial;
font-size: 17;
color: black;
text-decoration:none;
font-weight:bold;
}
a.mainlevel_menu:visited {
font-family: Arial;
font-size: 17;
color: black;
text-decoration:none;
font-weight:bold;
}
a.mainlevel_menu:hover {
font-family: Arial;
font-size: 17;
color: black;
text-decoration:none;
font-weight:bold;
}
a.mainlevel_menu:active {
font-family: Arial;
font-size: 17;
color: black;
text-decoration:none;
font-weight:bold;
}
table.contentpaneopen {
padding-right: 60px;
}
a.button {
text-decoration:none;
}
div#CONTENT {
position: absolute;
left: 12px;
top: 280px;
width: 982px;
height: auto;
float:left;
}
div#_content-box_TOP {
width: 764px;
height: 37px;
padding-left: 35px;
padding-top: 10px;
background-image: url(/templates/n1_design2010/images/content-box_TOP.png);
background-repeat: no-repeat;
}
div#_content-box_MIDDLE {
width: 764px;
height: auto;
top: 47px;
padding-left: 35px;
padding-top: 0px;
padding-right: 35px;
background-image: url(/templates/n1_design2010/images/content-box_MIDDLE.png);
background-repeat: repeat-y;
}
div#_content-box_BOTTOM {
width: 764px;
height: 33px;
background-image: url(/templates/n1_design2010/images/content-box_BOTTOM.png);
background-repeat: no-repeat;
}
div#SIDEBAR {
position: absolute;
left: 790px;
top: 280px;
width: 204px;
height: auto;
float:right;
}
div#_sidebar_TOP {
left: 800px;
width: 204px;
height: 46px;
padding-left: 35px;
padding-top: 10px;
background-image: url(/templates/n1_design2010/images/sidebar_TOP.png);
background-repeat: no-repeat;
}
div#_sidebar_MIDDLE {
left: 800px;
width: 204px;
height: auto;
top: 56px;
padding-left: 12px;
padding-top: 0px;
padding-right: 12px;
padding-bottom: 0px;
background-image: url(/templates/n1_design2010/images/sidebar_MIDDLE.png);
background-repeat: repeat-y;
}
div#_sidebar_BOTTOM {
left: 800px;
width: 204px;
height: 32px;
background-image: url(/templates/n1_design2010/images/sidebar_BOTTOM.png);
background-repeat: no-repeat;
}
div#Seite {
text-align: left; /* Seiteninhalt wieder links ausrichten */
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
width: 760px;
padding: 0;
background: #ffffe0 url(hintergrund.gif) repeat-y;
border: 2px ridge silver;
}
div#fusszeile {
clear: both;
font-size: 0.9em;
margin: 0; padding: 0.1em;
text-align: center;
background-color: #fed; border: 1px solid silver;
}
der komplette php & Css code... Bin am verzweifeln sicher ist es wieder irgend sone kleine Zeile die falsch ist aber ich finds einfach net
Wär cool wenn ihr mir helfen könntet...
Ist übrigens ein eigenes Template für Joomla.. also totaler Anfänger bin ich eigentlich nicht^^
Grüße killer