Hallo zusammen,
Ich bin dabei eine Website mit Joomla aufzubauen und habe dabei aber leider einige Probleme. Die Seite ist so aufgebaut das ich Rechts und Links jeweils Module einbauen kann und in der Mitte soll der Inhalt bzw. der Platz für die Komponenten sein. Auf der Startseite Funktioniert das Ganze auch so wie ich das Möchte, aber geht man im Menü z.B. auf Server ist der Server unten drunter und nicht in der Mitte wie es seinen sollte. Die Seite erreicht ihr unter Chillout Gaming
Hier mal noch der Code der index.php
Und das Wichtigste aus der Template.css
Ich hoffe hier kann mir geholfen werden, denn in den meisten Joomla Foren bekomm ich keine Antwort 
Sebe
Ich bin dabei eine Website mit Joomla aufzubauen und habe dabei aber leider einige Probleme. Die Seite ist so aufgebaut das ich Rechts und Links jeweils Module einbauen kann und in der Mitte soll der Inhalt bzw. der Platz für die Komponenten sein. Auf der Startseite Funktioniert das Ganze auch so wie ich das Möchte, aber geht man im Menü z.B. auf Server ist der Server unten drunter und nicht in der Mitte wie es seinen sollte. Die Seite erreicht ihr unter Chillout Gaming
Hier mal noch der Code der index.php
Code:
<html>
<head>
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
<link
href="/templates/chillout/css/template.css"
rel="stylesheet" type="text/css"/>
<jdoc:include type="head" />
<link href="css/template.css" rel="stylesheet" type="text/css">
</head>
<body id="Body">
<div id="Header">
<jdoc:include type="modules" name="Header" style="xhtml"/>
<div id="Login">
<jdoc:include type="modules" name="login" style="xhtml"/>
</div>
<div id="Suche">
<jdoc:include type="modules" name="suche" style="xhtml"/>
</div>
<div>
<div id="Logo">
<img src="../templates/chillout/images/Logo.png" >
</div>
</div>
</div>
<div id="Main">
<div id="Topmenu">
<jdoc:include type="modules" name="breadcrumb" style="xhtml"/>
</div>
<div id="Main_Right">
<jdoc:include type="modules" name="right" style="xhtml"/>
</div>
<div id="Main_Left">
<jdoc:include type="modules" name="left" style="xhtml"/>
</div>
<div id="Filler1"> </div>
<div id="Filler2"> </div>
<div id="Main_Content">
<jdoc:include type="component" style="xhtml"/>
</div>
<div id="filler"> </div>
</div>
<div id="Footer">
<div id="inner_Footer"><jdoc:include type="modules" name="Footer" style="xhtml"/></div>
</div>
</body>
</html>
Und das Wichtigste aus der Template.css
Code:
#Body { font-size: 12px;
font-family: Helvetica,Arial,sans-serif;
color:#ccc;
background-color:#000;
background-image:url(../images/Background.png);
background-repeat: no-repeat;
background-position:top center;
font-size:12px;
}
#Header {
width: 1161px;
height: 250px;
margin: auto;
background-image:url(../images/Header.png);
background-position: top center;
}
#Footer {
width: 1160px;
margin-left:auto;
margin-right:auto;
height:125px;
background-image:url(../images/Footer.png);
background-position: bottom center;
color:#ccc;
}
#Main {
color:#ccc;
font-size:12px;
width: 1160px;
margin: auto;
overflow:hidden;
background-image:url(../images/main.png);
background-repeat:repeat-y;
}
#Login {
float: left;
margin-left: 40px;
margin-top:4px;
color:#ccc;
}
#Logo{
margin-left:330px
}
#Suche {
margin-top:22px;
margin-right:33px;
float: right;
}
#Topmenu {
background-image:url(../images/main.png);
background-repeat:repeat-y;
width:100%;
}
#Main_Right {
color:#ccc;
float: right;
margin-right:35px;
height:100%;
min-width:15px;
max-width:16em;
}
#Main_left {
color:#ccc;
float: left;
margin-left:35px;
width:16em;
height:100%;
}
#Main_Content {
color:#ccc;
font-size: 12px;
}
#welcome {
float:left
color:#ccc;
font-size: 12px;
}
#Filler2 {
float: right;
height:100%;
width:15px;
}
#Filler1 {
float: left;
height:100%;
width:15px;
}
#inner_Footer { ;
color:#ccc;
text-align:center;
margin-left:inherit;
margin-right:inherit;
padding-top:48px;
width:50%;
}
#filler {
float:right;
clear:both;
}

Sebe