Hallo Leute!
Ich brauche dringend eure Hilfe und zwar handelt es sich um den Grundaufbau meines Templates, dass wie auf dem Bild (Bild im Anhang) aussehen soll. Ich habe bereits eine index.php-Datei und eine template.css-Datei (Dateien im Anhang) geschrieben und einen Versuch gestartet, leider entspricht es nicht den Vorstellungen. Bitte helft mir meine Fehler zu finden damit mein Template-Grundaufbau am Ende der Vorlage auf dem Bild entspricht.
Hier meine index.php-Datei:
<?php
//no direct access
defined ('_JEXEC') or die;
JHTML::_('behavior.framework', true);
$app = JFactory::getApplication();
?>
<?php echo '<!DOCTYPE html>'; ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body>
<div id="wrapper">//wrapper wird geöffnet
<div id="head">//head wird geöffnet
</div>//head wird geschlossen
<div id="content">//gesamtes Feld mit Inhalten
<div id="menu"><jdoc:include type="modules" name="top" style="xhtml" /> //Platzhalter einfügen</div>//position top
<div id="component"><jdoc:include type="component" style="xhtml" /> </div>//Hauptbereich in dem die Joomla Komponenten angezeigt werden
</div>
<div id="footer"><jdoc:include type="modules" name="footer" style="xhtml" /> </div>//Footerbereich
</div>//wrapper schließen
</body>
</html>
Hier meine template.css-Datei:
@charset "utf-8";
* { margin: 0px; padding: 0px; border: 0px; }
html { height: 100.2%; }
body { background-color: #ffffff; }
/*Grundgerüst*/
div#wrapper { width: 950px; margin: 20px auto; border: 1px solid red; }
/*Kopfbereich*/
div#head { width: 950px; height: 150px; border: 1px white; }
/*Contentbereich*/
div#content { width: 950px; min-height: 400px; }
div#menu { width: 950px; height: 70px; border: 1px white; }
div#component { width: 950px; border: 1px white; }
/*Footerbereich*/
div#footer { width: 950px; height: 35px; border: 1px white; }
Ich bitte um eure Hilfe und danke im Voraus!
Mit freundlichen Grüßen,
joomla09