CSS-Problem: background

Ich habe ein Problem mit meiner Seite. Leider wird die Anweisung background: #000000 in #page nicht übernommen, keine Anung wieso. Meine .css sieht so aus:

body {
margin: 0px;
padding: 0px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; }


#header {
width: auto;
height: 35px;
background: #003366; }


#page {
width: auto;
height: auto;
background: #000000; }


    #content {
    width: 70%;
    height: auto;
    float: left; }

        .post {
        width: auto;
        height: auto; }

            #post h2 {
            font-size: medium;
            font-weight: bold;
            color: #FF0000;
            display: inline; }

            .post p {
            font-size: small;
            font-weight: normal;
            color:#FFFF00;
            text-align: justify; }

        .info {
        width: auto;
        height: auto; }

            .info p {
            font-size: small;
            font-weight: normal;
            color: #0000FF;
            display: inline; }

        .comment {
        width: auto;
        height: auto; } 

    #sidebar {
    width: auto;
    height: auto;
    float: left; }

        #sidebar ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none; }

        #sidebar li a:link, #sidebar li a:visited, #sidebar li a:active, #sidebar li a:hover {
        text-decoration: none;
        color: #00FF33; }

        #sidebar h2 {
        font-size: medium;
        font-weight: bold;
        color: #FF0000;
        display: inline; }

        #sidebar h3 {
        font-size: small;
        font-weight: bold;
        color: #0000FF;
        display: inline; }

        #sidebar p {
        font-size: small;
        font-weight: normal;
        color: #FF3300; }

#footer {
width: auto;
height: 30px;
clear: both;
background-color:#00CC99; }

Habe jetzt etwas geändert, aber die die Hintergrundfarbe ist jetzt schwarz, anstatt #0099FF - ich verstehe das einfach nicht!

Zitat von sejuma

Bereinige mal zunächst diese Fehler, um der Sache näher zu kommen:
http://validator.w3.org/check?verbose=….bl.ohost.de%2F

Jo, werde ich noch machen!
Habe das Problem gelöst, indem ich im Div #Page einen weitern Container eingebaut habe, der das floaten cleart. Vorher hatte ich das im Div #Footer stehen, wieso ist das so ein großer Unterschied?

Zitat von sejuma

Dein code ist etwas unübersichtlich, da man nicht auf den ersten Blick erkennt, wo welcher Div wieder geschlossen wird.
Ich habe mir angewöhnt, dies in Form eines Kommentars dazuzuschreiben, z.B. so:

Code

</div> <!--Ende #content-->

Generell ist es so, dass geclart werden soll, bevor man den Div schließt, welcher die gefloateten Elemente beinhaltet. Damit nimmt er die Höhe inkl. der gefloateten Elemente an und zeigt somit auch den Hintergrund komplett an.
http://www.ohne-css.gehts-gar.net/0042.php

Ok, dann habe ich es verstanden - vielen Dank!

Ein neues Problem!
Ich habe auf meiner Seite ein Div platziert,

#styler {
width: 500px;
height: 3px;
margin: 0 auto;
background: url(img/pixelspace.png) repeat; }

das diese Grafik als Hintergrund darstellen soll, leider passiert das nicht. Wieso?

Zitat von sejuma

In dieser CSS-Datei http://blogspace.bl.ohost.de/wp-content/themes/WpT01/style.css kann ich keine Definition für #styler erkennen.
Evtl. Datei aktualisieren/hochladen?

Also ich schon - 3. letzte ID-Vergabe...

Zitat von sejuma

Sorry, stimmt.
Also die Grafik ist offensichtlich ein ganz winziger Punkt. Kann es sein, dass man die nicht sieht, weil sie zu klein ist und/oder keinen Kontrast zum Hintergrund hat?

Wir wär's evtl. mit einer definierten Linie hr?

Ja, die Grafik ist 3x3 Pixel groß - Pixel 1 und 3 sind in der Farbe vom Body gehalten und Pixel 2 ist dunkler. Man sollte also praktisch eine 1 Pixel große Linie sehen.
Ich habe mich gegen hr entschieden, da ich die vom Aussehen her nicht so schön finde. Oder gibt es eine Möglichkeit hr genau so aussehen zu lassen?

Ich habe das "Problem" jetzt anders gelöst. Ich habe das mit einer Hintergrundgrafik oder hr gelassen und einfach dem Div einen border-top mit der entsprechenden Farbe gegeben, geht auch so. Danke!