Hallo,
Ich benutze Joomla und habe versucht ein Templates zu entwickeln. Leider geht der Inhalt immer über den Content- Bereich hinaus.
<?php
/**
* @version $Id$
* @package Joomla!
* @copyright Copyright (C) 2009 Joomla!-nafu. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/
// Verhindern, dass diese php-Datei direkt aufgerufen wird
defined('_JEXEC') or die('Restricted access');
$app = JFactory::getApplication();
//Parameter des Templates laden
$templateparams = $app->getTemplate(true)->params;
$sitename = $app->getCfg('sitename');
?>
<?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">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>"
lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<style type="text/css">
#header {
height: 230px;
width: 1024px;
background-image: url(<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/header1.jpg);
background-repeat: no-repeat;
position: static;
border: 0px;
}
#content{
height: 100%
width: 800px;
/*min-height: 400px;*/
background-image: url(<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/content.jpg);
background-repeat: repeat-y;
/*position: static;*/
border: 0px;
/*float:left;*/
padding:15px;
padding-bottom: 20px;
margin: 15px auto;
overflow:hidden;
}
#footer {
height: 45px;
width: 1024px;
background-image: url(<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/footer.jpg);
background-repeat: no-repeat;
position: static;
border: 0px;
}
</style>
</head>
<body onload="window.scrollTo(0, 45);">
<div id="container">
<div id="header">
<h1 class="sitename">
<?php/*
echo $app->getCfg('sitename')."<br>"; //Seitenname aus der Konfiguration ausgeben
echo $templateparams->get('sitetitle')."<br>"; //Seitenname Template-Parameter
echo $templateparams->get('sitedescription'); //Beschreibung Template-Parameter
*/?>
</h1>
</div>
<div id="main">
<div id="links">
<jdoc:include type="modules" name="position-7" style="xhtml" />
</div>
<div id="content">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
<?php
// Dieses Div wird nur eingebunden, wenn Module mit der Position position-2 vorhanden sind
if ($this->countModules( 'position-2' )) : ?>
<div id="rechts">
<?php // Diese Module werden nur nach einem Login angezeigt
$user = &JFactory::getUser();
$userid = $user->get('id');
If ($userid > 0) : ?>
<jdoc:include type="modules" name="position-2" style="xhtml" />
<!-- ansonsten werden dieses Module angezeigt -->
<?php else : ?>
<jdoc:include type="modules" name="position-1" style="xhtml" />
<?php endif ?>
</div>
<?php endif; ?>
</div>
<div id="footer">
<jdoc:include type="modules" name="footer" style="none" />
<p class="copy">© <?php echo $sitename; ?> <?php echo date('Y');?> </p>
</div>
</div>
</body>
</html>
/**
* @version $Id$
* @package Joomla!
* @copyright Copyright (C) 2009 Joomla!-nafu. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/
body { /* ist der ganze Bildschirm */
background-color: #ffffff; /* Hintergrundfarbe */
color:Black; /* Schriftfarbe */
font-family:Verdana,Generis,Arial,Helvetica,sans-serif; /* Schrift-Familie */
font-size:10pt; /* Schrifttgröße */
}
#container { /* umfasst den ganzen Inhalt, also haeder, main mit content und menue */
border: 0px; /* Rand um container, hilfreich beim Aufbau der Seite */
margin:5px auto; /* Abstand rundherum und Platzierung horizontal in der Mitte */
width:1024px; /* Breite */
}
<!--/*#header { /* Für den Kopf */
/*background-color: #00BFFF;
border:thin solid #0000CD; /* zum Aufbau besser verschiedene Farben verwenden */
/*width:1000px;
}*/-->
.sitename { /* Klasse für dem Seitennamen, gibt der Schrift Farbe und Größe */
color: #ffffff;
font-size:20pt;
}
.copy {float:right;
}
#main { /* Hauptbereich/Haupt-Slice, umfasst die Slices links, content, rechts */
background-color: #ffffff;
border: 0px;
overflow:hidden; /* Damit der ganze Inhalt angezeigt wird */
width:1024px;
margin:15px auto;
}
#links { /* Linke Spalte (Joomla-Standard: Hauptmenue, Quellen ... Anmeldung */
background-color:#ffffff;
border: 1px solid black;
float:left; /* Setzt den Slice nach links */
width:18%;
height: 80%;
padding: 15px;
margin: 15px;
margin-left: 0px;
}
/*#content{ /* Slice für den Content */
/*width:90%;
overflow:hidden;
}*/
#rechts { /* rechte Spalte (Joomla-Standard: Umfragen ... Werbung */
background-color:#ffffff;
border:thin solid #ffffff;
float:right; /* Setzt den Slice nach rechts */
}
Ich hoffe ihr könnt mir helfen.