Hilfe bei CSS-Problem

    Hallo,

    Ich habe meine style.css

    /**************************************************/
    /* Body and Wrapper */
    /**************************************************/

    body {
    background: #000099 url(images/back.png) top center repeat-x;
    margin: 0;
    padding: 0;
    font: normal 8pt/13pt verdana, arial,sans-serif;
    }

    #wrapper {
    margin: 0 auto;
    width: 800px;
    padding: 0;
    text-align: left;
    }

    /**************************************************/
    /* Top Piece */
    /**************************************************/

    #top {
    background: url(images/bgtop.png) top center no-repeat;
    width: 800px;
    height: 78px;
    }

    /**************************************************/
    /* Content
    another wrapper that holds all the content */
    /**************************************************/

    #content {
    background: url(images/bgmiddle.png) center repeat-y;
    width: 766px;
    height: 100%;
    padding: 0px 17px 0px 17px;
    }

    /**************************************************/
    /* All the content */
    /**************************************************/

    #header {
    background: url(images/header.png) top center no-repeat;
    width: 746px;
    height: 106px;
    margin: 0px 0px 10px 0px;
    padding: 60px 0px 0px 20px;
    color: white;
    font-size: 50px;
    text-align: ;
    }
    /* Menu */
    #menu {
    width: 200px;
    height: 100%;
    margin-left: 10px;
    float: left;
    text-align: left;
    }

    #menu li a {
    height: 37px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 29px;
    text-decoration: none;
    text-align: left;
    }

    #menu li a:link, #menu li a:visited {
    color: navy;
    display: block;
    background: url(images/off.png) top center no-repeat;
    padding: 8px 0 0 10px;
    height: 29px;
    text-align: left;
    }

    #menu li a:hover {
    color: blue;
    background: url(images/on.png) top center no-repeat;
    padding: 8px 0 0 10px;
    height: 29px;
    text-align: left;
    }

    ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    }

    #stuff {
    background: url(images/texttop.png) top left no-repeat;
    width: 520px;
    margin: 0px 0px 0px 220px;
    padding-top: 55px;
    border: 2px navy;
    }

    img {
    border: none;
    }

    /**************************************************/
    /* Bottom */
    /**************************************************/

    #bottom {
    background: url(images/bgbottom.png) bottom center no-repeat;
    width: 800px;
    height: 120px;
    }


    Und das ist mein ergebniss dabei: http://www.abload.de/image.php?img=1n4ab.png

    Wie fülle ich nun das Bild aus??

    Ich danke euch für eure Hilfe



    Hi auch dir als unregistrierter user lege ich erstmal ans herz dir auch selbst zu helfen.

    http://validator.w3.org/check?uri=http…=Inline&group=0

    http://jigsaw.w3.org/css-validator/…rning=1&lang=de

    Mach mal das es etwas grüüüüüüüüüüner wird wenns denn schon XHTML 1.1. sein muss. DANKE

    Also sama, was willst du bei nem screenshot validieren?... Der hoster hat ja wohl nichts damit zu tun.

    background: url(images/header.png) top center no-repeat;

    schreib da mal die adresse des Bildes hin, wenns nicht funktioniert, musst du einen hellseher kontaktieren.

    /ps. fals du nichts mit background bei CSS anfangen kannst - schau bitte selbst nach, dafür gibts massig erklärungen....

    Für mich sieht das aus wie ein "uncleared float" ...
    Das Menü ist per float:left; nach links geschoben und dewegen interessiert dass den Hintergrund irgendwie nicht (ich kenn das nur zu gut).

    Lösung wäre meiner meinung nach ein

    HTML
    <div style="clear:both"></div>


    nach dem content-div im HTML-Code ...

    Aber ohne Quelltext kann ich nicht mehr dazu sagen. Vllt jmd anneres.