Problem bei der Positionierung im Joomla-Template

patrick_l · 13.11.2010

Hallo allerseits,

ich sitze gerade an meinem Joomla-Template. Soweit hatte ich bis jetzt auch keine Probleme. Nur komme ich an einer Stelle nicht weiter, da ich den Fehler nicht finden kann. Dabei ist es nur ein 1 Pixel großer Versatz meiner Inhalte. Es wäre super wenn jemand von euch kurz in meinen Quellcode und in das dazugehörige Stylesheet schauen würde.

Leider hatte ich gerade auch einen Unfall in Dreamweaver. Ich habe versehentlich die falsche Datei überschrieben. Somit sind also knapp 2 Monate Arbeit Futsch.

Ich hoffe natürlich jetzt das ich den Schaden durch meine Backups aus-bügeln kann. Aber das ist ja gerade nicht das Thema.

Ich habe zur Verdeutlichung meines Problems ein Screenshot gemacht. Außerdem hier mein Code.

PHP:

<?php
/*
* Template: PL-Creative
* Version: 1.0.0 
* Autor: Patrick Lohmann
* Copyright 2010 by Patrick Lohmann
*/

//kein direkter Zugriff
defined('_JEXEC') or die('Zugriff nicht erlaubt')
?>
<!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" lang="<?php echo $this->language; ?>" xml:lang="<?php echo $this->language; ?>">
<head>
    <jdoc:include type="head" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/PLCreative/css/template.css" />
    <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" />
    <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" />
    <!--[if lt IE 6]
    <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/PLCreative/css/ie5.css" />
    <![endif]-->
    <!--[if lt IE 8]>
      
</head>

<body>
<div id="container">
    
    <div id="headmenu">
        <div id="topnav">
        Top-Navi
        </div>
        <div id="subnav">
        Sub-Navi
        </div>
    </div>
    
    <div id="mainmenu">
        <div id="mainnav">
        Haupt-Navi
        </div>
        <div id="search">
        Suche
        </div>
    </div>
    
    <div id="main">
        <div id="content">
        Content
        </div>
        <div id="sub1">
        Sub-Content 1
        </div>
        <div id="sub2">
        Sub-Content 2
        </div>
    </div>
    
    <div id="footer">
        <div id="site">
            <div id="plcreative">
            Inhalt PL-Creative
            </div>
            <div id="leistungen">
            Inhalt Leistungen
            </div>
            <div id="weblog">
            Inhalt Weblog (Beiträge)
            </div>
        </div>
        <div id="networks">
        Soziale Netzwerke
        </div>
        <div id="copyright">
        Copyright Informationen - Joomla
        </div>
    </div>
    
</div>
</body>
</html>

CSS:

Code:

@charset "utf-8";
/* PL-Creative Template CSS */

html {
    min-height: 101%;
}

/* Grundstruktur, Positionierung */

body {
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
    background: #2c90f1 url(../images/bg_image.png) repeat-y center;
    margin: auto;
}

#container {
    background: #ebebeb; 
    width: 960px; 
    margin: auto;
}

#headmenu {
    width: 960px;
    height: 40px;
    background: #9c9c9c url(../images/bg_headmenu.png) repeat-x;
    margin-left: 1px;
    
}

#mainmenu {
    width: 930px; 
    height: 68px; 
    background: #9c9c9c url(../images/bg_mainmenu.png) repeat-x;
    margin: 15px;

}

#main {
    widht: 960px; 
    background: #ebebeb; 
    margin-left: 15px; 
    float: left; 
}

#footer {
    width: 100%;
    height: 200px;
    background: #9c9c9c; 
    margin-top: 15px;
    margin-left: 1px;
    float: left;
}

#content {
    width: 600px; 
    height: 450px;
    background: #FFF;
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    float: left; 
}

#sub1 {
    width: 150px; 
    height: 450px;
    background: #FFF;
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    margin-left: 15px; 
    float: left; 
}

#sub2 {
    width: 150px; 
    height: 450px;
    background: #FFF;
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    margin-left: 15px; 
    float: right; 
}

#topnav {
    
}

#subnav {
    
}

Grüße Otto

sokie · 13.11.2010

AW: Problem bei der Positionierung im Joomla-Template

Code:

#headmenu {
    width: 960px;
    height: 40px;
    background: #9c9c9c url(../images/bg_headmenu.png) repeat-x;
    margin-left: 1px; /* !!! */
    
}

da ist schonmal ein 961px breites element

anoX · 13.11.2010

AW: Problem bei der Positionierung im Joomla-Template

Code:

#headmenu {
    width: 960px;
    height: 40px;
    background: #9c9c9c url(../images/bg_headmenu.png) repeat-x;
    [COLOR=Red]margin-left: 1px;[/COLOR]
    
}

margin entfernen?

EDITH SAGT:
mist, zu langsam -_- .. mensch, sokie