Background CSS.. keine Anpassung

LongDonGold · 02.08.2009

Hallo liebe Community,

nach wöchentlicher Überlegung, werde ich nun mein Projekt starten.
Klar in der Hinsicht gibt es schon viele, aber kaum welche für Stämme Logos etc.

Aber das Problem was ich habe ist der, das er mein Background nicht automatisch anpassen möchte ich verzweifle schon seit 2 Tagen und komme da echt nicht weiter. Das Design ist an dem Webspell-CMS 4.xxx angepasst.

Hier der HTML Sourcecode:

Code:

<?php

include("_mysql.php");
include("_settings.php");
include("_functions.php");
include("_ipban.php");
include("_sqlpro.php");
include("_referer.php"); 

?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-language" content="<? echo LANGUAGE; ?>" />
<meta name="description" content="<? echo DESCRIPTION; ?>" />
<meta name="keywords" content="<? echo KEYWORDS; ?>" />
<meta name="author" content="<? echo AUTOR; ?>" />
<meta name="publisher" content="<? echo AUTOR; ?>" />
<meta name="copyright" content="<? echo COPY; ?>" />
<meta name="audience" content="<? echo GRUPPE; ?>" />
<meta name="page-type" content="<? echo TYP; ?>" />
<meta name="page-topic" content="<? echo THEMA; ?>" />
<meta http-equiv="reply-to" content="<? echo MAIL; ?>" />
<meta name="creation_date" content="<? echo date("Y-m-d"); ?>" />
<title><? echo PAGETITLE; ?></title>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<script src="js/bbcode.js" language="JScript" type="text/javascript"></script>
<link href="_stylesheet.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="_art_style.css" type="text/css" />
</head>
<body class="body">
<div class="seite" height="100%">
<div class="headcopy">
<div class="sitenavi">
  <div class="lognavi" align="center"><? include("login.php"); ?>

  </div>
</div><div class="menubar" align="center">
<div class="menulinks" align="center"><a href="index.php?site=news">Startseite</a></div>
<div class="menulinks1" align="center"><a href="index.php?site=forum">Forum</a></div>
<div class="menulinks2" align="center"><a href="index.php?site=template">Html Temp</a></div>
<div class="menulinks3" align="center"><a href="index.php?site=cms">Webspell-CMS</a></div>
<div class="menulinks4" align="center"><a href="index.php?site=avatar">Avatare</a></div>
<div class="menulinks5" align="center"><a href="index.php?site=logos">St&auml;mme Logos</a></div>
<div class="menulinks6" align="center"><a href="index.php?site=contact">Kontakt</a></div>
<div class="menulinks7" align="center"><a href="index.php?site=imprint">Impressum</a></div>
</div>
<div class="leftside" align="left">
<div class="lefthead" align="center">Style.Navigation</div>
<a href="index.php?site=uebersicht" />&uuml;bersicht</a><br />
<a href="index.php?site=bottons">Bottons</a><br />
<a href="index.php?site=headers">Headers</a><br />
<a href="index.php?site=avatar">Avatare</a><br />
<a href="index.php?site=logos">St&auml;mme Logos</a><br />
<a href="index.php?site=template">HTML Templates</a><br />
<a href="index.php?site=cms">Webspell-CMS</a><br />
<div class="lefthead" align="center">Com.Navigation</div>
<a href="index.php?site=register">Registrieren</a><br />
<a href="index.php?site=news">News</a><br />
<a href="index.php?site=squads">Unser Team</a><br />
<a href="index.php?site=guestbook">G&auml;stebuch</a><br />
<a href="index.php?site=forum">Forum</a><br />
<a href="index.php?site=polls">Umfragen</a>
<div class="lefthead" align="center">Misc.Navigation</div>
<a href="index.php?site=contact">Kontakt</a><br />
<a href="index.php?site=newsletter">Newletter</a><br />
<a href="index.php?site=partners">Unsere Partner</a><br />
<div class="lefthead" align="center">Statistik<br />
</div>
<div class="leftcontainer">
<p class="counter"><? include ("counter.php"); ?></p></div>
</div>
<div class="contenthead" align="center">Content</div>
<div class="contentmiddle">
        <?php
        if(!isset($site)) $site="news";
        $invalide = array('\\','/','/\/',':','.','<','>',';','[',']','(',')','+');
        $site = str_replace($invalide,' ',$site);
        if(!file_exists($site.".php")){ echo'<h2>Error 404</h2><br>Die von Ihnen angeforderte Datei namens <b>'.$site.'.php</b> ist nicht vorhanden.';
        redirect("index.php?site=news",'',3);
        }
        elseif($acc[$site]>$useracc){
        echo'<h2>Error 403</h2><br>Sie haben nicht die Berechtigung diese Page zu sehen.';
        }
        else include($site.".php");
        ?>
</div>
</div>
</div>
</div><div class="footer" align="center">&copy; Art-of-power powered by <a href="http://3stylers.de" target="_blank">3stylers.de</a> All rights reserved 2009</div>

</body>
</html>

Hier der CSS Ressource Code:

Code:

@charset "utf-8";
.seite {
    width:1024px;
    position:relative;
    height:auto;
    left:20px;
    top: 20px;
    background-repeat: repeat-x;
        background-attachment: fixed;
        background-position:center;
    background-color:#076299;
    border:1px;
    border-left-color:#000000;
    border-left-style:solid;
    border-left-width:thin;
    border-right-color:#000000;
    border-right-style:solid;
    border-right-width:thin;
    border-top-color:#000000;
    border-top-style:solid;
    border-top-width:thin;
    border-bottom-color:#000000;
    border-bottom-style:solid;
    border-bottom-width:thin;
    }
.headcopy {
    background-image:url(pics/Bilder/coyhead.jpg);
    height:200px;
    width:1024px;
    position:relative;
    top:-0px;
    }
.lognavi {
    background-color:#000000;
    width:1024px;
    max-width:300px;
    max-height:auto;
    position:absolute;
    top: 17px;
    left:723px;
    height:148px;
}
.lauftext {
    background-color:#000000;
    color:#ffffff;
    font-family:sans serif;
    font-size:12px;
    font-weight:bold;
    width:722px;
    max-width:722px;
    height:18px;
    position:absolute;
    top: 0px;
    left: 152px;
    height:15px;
}
#alles {
   top: 20px;
   margin:auto;
   position:relative;
   width:1024px;
   }
.menubar {
    background-color:#000000;
    height:20px;
    width:1024px;
    position:absolute;
    background-repeat: repeat-x;
    top:198px;
    left: 0px;
}
.menulinks {
    background-color:#000000;
    height:20px;
    width:100px;
    position:absolute;
    border:1px;
    border-color:#ffffff;
    border-right-style:solid;
     }

.menulinks1 {
    background-color:#000000;
    height:20px;
    width:100px;
    position:absolute;
    border:1px;
    border-color:#ffffff;
    border-right-style:solid;
    left:101px;
     }
.menulinks2 {
    background-color:#000000;
    height:20px;
    width:100px;
    position:absolute;
    border:1px;
    border-color:#ffffff;
    border-right-style:solid;
    left:202px;
     }
.menulinks3 {
    background-color:#000000;
    height:20px;
    width:100px;
    position:absolute;
    border:1px;
    border-color:#ffffff;
    border-right-style:solid;
    left:303px;
     }
.menulinks4 {
    background-color:#000000;
    height:20px;
    width:100px;
        position:absolute;
    border:1px;
    border-color:#ffffff;
    border-right-style:solid;
    left:404px;
     }
.menulinks5 {
    background-color:#000000;
    height:20px;
    width:100px;
    position:absolute;
    border:1px;
    border-color:#ffffff;
    border-right-style:solid;
    left:505px;
     }
.menulinks6 {
    background-color:#000000;
    height:20px;
    width:100px;
    position:absolute;
    border:1px;
    border-color:#ffffff;
    border-right-style:solid;
    left:606px;
     }
.menulinks7 {
    background-color:#000000;
    height:20px;
    width:100px;
    position:absolute;
    border:1px;
    border-color:#ffffff;
    border-right-style:solid;
    left:707px;
     }
.leftside {
    background-color:#000000;
    max-width:150px;
    position:absolute;
    max-height:auto;
    top:218px;
    color:#ffffff;
    font-size:10px;
    font-family:sans-serif;
    }
.lefthead {
    background-image:url(pics/Bilder/navleft.jpg);
    height:25px;
    width:150px;
    max-width:150px;
    color:#ffffff;
    font-family:sans-serif;
    font-size:12px;
    font-weight:bold;
    vertical-align:baseline;
    }
.leftcontainer {
    background-color:#000000;
    max-height:auto;
    width:150px;
    max-width:150px;
    color:#ffffff;
    font-family:sans-serif;
    font-size:12px;
    position:absolute;
    }
.contenthead {
    height:25px;
    width:874px;
    max-weight:874px;
    background-image:url(pics/Bilder/navleft.jpg);
    background-repeat:repeat-x;
    color:#ffffff;
    font-family:sans-serif;
    font-size:12px;
    top:218px;
    left:150px;
    position:absolute;
    }
.contentmiddle {
    max-height:auto;
    border:1px;
    border-left-style:solid;
    border-left-width:thin;
    border-left-color:#000000;
    border-bottom-color:#000000;
    border-bottom-style:solid;
    border-bottom-width:thin;
    width:874px;
    background-repeat:repeat-y;
    top:26px;
    color:000000;
    font-size:8px;
    font-family:sans-serif;
    position:absolute;
    }
.counter {
    font-size:12px;
    max-width:150px;
    color:#ffffff;
    font-family:sans-serif;
}
.footer {
    height:20px;
    width:1024px;
    border:1px;
    border-left-style:solid;
    border-left-width:thin;
    border-left-color:#000000;
    border-bottom-color:#000000;
    border-bottom-style:solid;
    border-bottom-width:thin;
    border-right-style:solid;
    border-right-width:thin;
    border-right-color:#000000;
    position:relative;
    background-color:#076299;
    left:20px;
    }

Natürlich darf der Link zur Seite auch nicht Fehlen:

webSPELL4.01.02net [webspell-cms.net]

Wenn ich die height angabe mit Pixel eintrage ist es kein Problenm, aber sonst anderes nimmt er nicht.

Vielen Dank für Eure hilfe.

LG LDG

sokie · 02.08.2009

AW: Background CSS.. keine Anpassung

welchen hintergrund für welchen Bereich meinst du?
Da gibts ein paar mehr Problemeals nur ein hintergrund. Dein Footer scheint da im Kopfbereich der Seite auch ungünstig zu stehen.

Es wäre günstiger die Element im Dokumentenfluss zu lassen, statt soviel mit absoluten Positionierungen zu machen

LongDonGold · 02.08.2009

AW: Background CSS.. keine Anpassung

Könntest du mir genauer sagen was du damit meinst?

Weil weil ich bei der css Angabe .seite die height Angabe mache geht der Background mit aber wenn ich das als auto oder repeat-x mache, bewegt nicht nichts.

LongDonGold · 03.08.2009

AW: Background CSS.. keine Anpassung

Das Thema kann geschlossen werden, da ich den Fehler selbst gefunden habe.

Das Problem lag a der Position, dem Float und den Div Tags.

Danke für die zahlreichen Antworten.

*close* bitte*