Hallo Community,
ich kenne mich nicht besonders mit css aus aber die Standarts und ein bisschen mehr^^, also ich möchte ein Joomla Template basteln, soweit so gut, das Template soll statisch werden (1024x76
, bloß wie mach ich das, das das Template immer zentriert ist?
Sry ich kann euch leider kein Live BSp geben da ich das ganze per xampp mache! Allerdings kann ich euch eine Joomla Seite sagen die sowas hat und gleichzeitig ein geiler Freehoster ist:
menkiSys Networks - Free Hosting Solutions - Home
aber vllt: den code also CSS:
Code:
* {margin: 0; padding: 0;}
body {background: black url(../images/blue.png) fixed center no-repeat; color: #ffffff;height: 100%;}
ul{ margin: 1em; padding: 1em;}
p {text-align: justify;}
#Header {width: 940px;}
#Main {float: left; width: 920px;}
#rechts {float: right; width: 190px;}
#links {float: left; width: 190px;}
#breadcrumb h3 {font-size: 0;}
#footer {float: bottom;}
und die php
PHP-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<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/system/css/general.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>
<jdoc:include type="head" />
<div id="Header">Kopfbereich / header
<!-- Begin Topmenu -->
<div id="topmenu">
<table cellpadding="0" cellspacing="0" class="topmenu_table" >
<tr>
<td class="topmenu_links"> </td>
<td class="topmenu_main">
<div class="topmenu_inhalt">
<jdoc:include type="modules" name="user3" />
</div>
</td>
<td class="topmenu_rechts"> </td>
</tr>
</table>
</div>
<!-- End Topmenu -->
<!-- Begin Schlagzeile -->
<div id="schlagzeile">
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
<!-- End Schlagzeile -->
</div>
<div id="Main">
<!-- Begin rechts -->
<div id="rechts">
<jdoc:include type="modules" name="right" style="xhtml" /> </div>
<!-- End rechts -->
<!-- Begin links -->
<div id="links">
<jdoc:include type="modules" name="left" style="xhtml" /> </div>
<!-- End links -->
<!-- Begin bradcrumb -->
<div id="breadcrumb"><span class="breadcrumb1">Du bist hier:</span>
<span class="breadcrumb2"><jdoc:include type="modules" name="breadcrumb" style="xhtml" /></span> </div>
<!-- End breadcrumb -->
<!-- Begin Inhalt -->
<div id="inhalt">
<jdoc:include type="component" style="xhtml"/> </div>
<!-- End Inhalt -->
</div>
<div id="Footer">
<!-- Begin Footer -->
<div id="footer">
<jdoc:include type="modules" name="footer" style="xhtml" />
<!-- End Footer -->
</div>
</div>
</body>
</html>
ich hoffe ihr könnt mir helfen
mfg