CSS Problem

Sebe · 05.11.2010

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

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;
    }

Ich hoffe hier kann mir geholfen werden, denn in den meisten Joomla Foren bekomm ich keine Antwort

Sebe

Suche

CSS Problem

Sebe

Neuling

Ähnliche Themen