• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Body Backgroundimage mit repeat verrutscht

pabatribick

Neues Mitglied
Hallo Community.

Ich verzweifle schon an dem Design, denn ständig verrutscht mir der background der im Bodybereich ist, diese wird immer mit repeat-x wiederholt, ohne Div's alles kein Problem!

Ab dem Zeitpunkt, ab dem ich einen Div darauflege, verrutscht mir der Body-Background.

Hier Ausschnitte des Codes:

HTML:
<body>
<style type="text/css">
    html, body {
        font-family: Tahoma;
        font-size: 14px;
        background-image: url(background.png);
        background-repeat: repeat-x;
    }
    a:link {
        color: #008EDE;
        text-decoration: none;
    }
    a:visited {
        color: #008EDE;
        text-decoration: none;
    }
    a:hover {
        color: #58B2F1;
        text-decoration: underline;
    }
    a:active {
        color: #58B2F1;
        text-decoration: underline;
    }
    #container {
        width: 780px;
        min-height: 500px;
        margin-top: 45px;
        margin-left: auto;
        margin-right: auto;
    }
    #header {
        width: 100%;
        background-image: url(header.png);
        background-repeat: no-repeat;
        height: 216px;
    }
    #content {
        width: 100%;
        background-image: url(content.png);
        background-repeat: repeat-y;
        min-height: 380px;
    }
    #footer {
        width: 100%;
    }
    </style>
</head>
<body>
<div id="container">
    <div id="header">Head</div>
    <div id="content">Content</div>
    <div id="footer">Footer</div>
</div>
</body>

Es wäre Toll, wenn ihr mir bei dem Problem weiterhelfen könntet :)
 
Werbung:
HTML:
<body>
<style type="text/css">
    html, body {
        font-family: Tahoma;
        font-size: 14px;
        background-image: url(background.png);
        background-repeat: repeat-x;
    }
    a:link {
        color: #008EDE;
        text-decoration: none;
    }
    a:visited {
        color: #008EDE;
        text-decoration: none;
    }
    a:hover {
        color: #58B2F1;
        text-decoration: underline;
    }
    a:active {
        color: #58B2F1;
        text-decoration: underline;
    }
    #container {
        width: 780px;
        min-height: 500px;
        margin-top: 45px;
        margin-left: auto;
        margin-right: auto;
    }
    #header {
        width: 100%;
        background-image: url(header.png);
        background-repeat: no-repeat;
        height: 216px;
    }
    #content {
        width: 100%;
        background-image: url(content.png);
        background-repeat: repeat-y;
        min-height: 380px;
    }
    #footer {
        width: 100%;
    }
    </style>
</head>
<body>
<div id="container">
    <div id="header">Head</div>
    <div id="content">Content</div>
    <div id="footer">Footer</div>
</div>
</body>



Validier mal bitte den Code zuerst, vielleicht schafft das das Problem schon aus der Welt.

Du leitest den Body ein, dann beendest du den head und fängst nochmal mim Body an, was soll da der Browser nur von dir denken? :razz:
http://validator.w3.org/

MfG
 
äh sorry mein fehler, hab vergessen das ich ja dort statt body head hinschreiben muss^^ ich hab den code nur schnell zusammengesetzt^^

also den fehler finde ich trotzdem irgend wie nicht :?
 
Werbung:
Zurück
Oben