maggie: Hintergrund für die gesamte Seite

Hallo,
ich möchte einen Hintergrund unter die gesamte Seite wie z.B. beihttp://www.typo3forum.net/der schwarze Hintergrund.
Hier meine Testseitehttp://www.formfalt.net/basis.html.
Die css sehen im Moment so aus

  
/************* kopfleiste **************/  
#masthead{  
 float: left;  
 width: 100%;  
 height: 79px;  
 background-color: #CCCC99;  
 clear:both;  
}  
#links{  
 float: left;  
 width: 150px;  
}  
#mitte{  
 margin: 0px 0px 0px 190px;  
}  
#rechts{  
 display: block;  
 float:right;  
 width: 120px;  
 background-color: #FF0066;  
}  
/************* navigation und inhalt **************/  
#navBar{  
 float: left;  
 width: auto;  
 background-color: #33CC00;  
}  
#content{  
 float: none;  
  margin: 0px 0px 0px 160px;  
}  
#headlines{  
 float:right;  
 width: 120px;  
 background-color: #FFCC00;  
}  
/************* Fusszeile**************/  
#siteInfo{  
 float: left;  
 width: 100%;  
 background-color: #666666;  
}  

Meine Fragen dazu:
Wie füge ich den gewünschten Hintergrund ein?
Wie bringe ich die Seite mittig angeordnet?

Danke für Eure Hilfe.
Maggie

  1. Hallo,
    CSS ist logisch.

    Du legst einfach nocht einen DIV um alle Elemente.
    Dem DIV gibst du eine ID.
    In deiner CSSDatei gibst du dann an:

    div#ID { margin:10px auto;  } /*Das macht, dass oben und unten 10px Außenabstand sind und rechts und links automatischer abstand ist, der auf beiden Seiten gleich ist*/

    und dann notierst du in der CSS Datei:

    body { background-color:black; }

    CSS ist SEHR logisch.

    MfG

    1. div#ID { margin:10px auto;  } /*Das macht, dass oben und unten 10px Außenabstand sind und rechts und links automatischer abstand ist, der auf beiden Seiten gleich ist*/

      Hallo, ich habe die Änderung vorgenommen.
      oben und unten funktioniert es nur rechts und links noch nicht.
      ???
      #wrap{
       margin:10px auto;
      }

      1. Hallo

        div#ID { margin:10px auto;  } /*Das macht, dass oben und unten 10px Außenabstand sind und rechts und links automatischer abstand ist, der auf beiden Seiten gleich ist*/

        Hallo, ich habe die Änderung vorgenommen.
        oben und unten funktioniert es nur rechts und links noch nicht.
        ???
        #wrap{
        margin:10px auto;
        }

        Du testest mit dem MSIE (unter Version 7)? Dann kann das nicht klappen. Unter http://de.selfhtml.org/css/layouts/mehrspaltige.htm#zweispaltig findest du die Lösung, falls es dieses Problem sein sollte. Arbeite das Beispiel durch, in der dritten Ausbaustufe wird ein Workaround für die oben genannten IEs gezeigt.

        Es lohnt sich aber, den ganzen Beitrag zu studieren.

        Tschö, Auge

        --
        Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
        (Victor Hugo)
        Veranstaltungsdatenbank Vdb 0.1
        1. Hallo

          div#ID { margin:10px auto;  } /*Das macht, dass oben und unten 10px Außenabstand sind und rechts und links automatischer abstand ist, der auf beiden Seiten gleich ist*/

          #wrap{
          margin:10px auto;
          }

          Du testest mit dem MSIE (unter Version 7)? Dann kann das nicht klappen.

          Nein, kein Abstand li. und re. ist z.B. bei Opera.
          Liegt es wohl daran, dass
          #masthead width: 100%;
          #siteInfo width: 100%;
          haben. Aber mit der Einstellung 90% funktioniert es auch nicht.

          Hat jemand eine Lösung?

          Gruß, Maggie

  2. Hallo!

    Gebe einen Wert für die Hintergrundfarbe von <body> bzw. <html> an.

    ciao, ww

    --
    Dies ist eine sehr einfache und effektive Sicherheitsstufe, aber nicht perfekt. Denn wenn mehrere User über eine Leitung ins Internet gehen, haben für den Webserver alle User die selbe IP. Und dann wirkt diese Sicherheitsstufe nicht mehr. Aber zumindest könnt ihr demjenigen, der euch die Session-ID geklaut hat, eins in die Fresse hauen.
    http://tut.php-q.net/login.html