Jake: Inhalt geht über div hinaus

Beitrag lesen

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">&copy; <?php echo $sitename; ?> <?php echo date('Y');?>&nbsp;&nbsp;</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.