Ferby: hintergrund farbe in html mittendrin ändern

Hallo,

Ich habe ein Problem mit html bzw. css

Ich möchte eine Seite habe die so aufgebaut ist

////////////////////////
// Hintergrundfarbe 1 //
////////////////////////

////////////////////////
// Diverse Grafiken //
////////////////////////

////////////////////////
// Hintergrundfarbe 2 //
////////////////////////

Aber wie kann ich erreichen, das ich die Hintergrundfarbe nach den Grafiken änder?

Bin für alle Lösungen offen

  1. hi,

    Aber wie kann ich erreichen, das ich die Hintergrundfarbe nach den Grafiken änder?

    In dem du das auf die Grafiken folgende Element über die gesamte Breite gehen lässt, und ihm eine andere Hintergrundfarbe gibst.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. hi

      In dem du das auf die Grafiken folgende Element über die gesamte Breite gehen lässt, und ihm eine andere Hintergrundfarbe gibst.

      sry, aber ich kenn mich damit nicht so gut aus.....
      mir sagt das nichts

      1. hi,

        In dem du das auf die Grafiken folgende Element über die gesamte Breite gehen lässt, und ihm eine andere Hintergrundfarbe gibst.

        sry, aber ich kenn mich damit nicht so gut aus.....
        mir sagt das nichts

        Was davon sagt dir nichts? Wie man einem Element eine Hintergrundfarbe gibt?
        http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        1. hallo

          Was davon sagt dir nichts? Wie man einem Element eine Hintergrundfarbe gibt?
          http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

          Doch, aber wie soll ich das machen, das das Element bis unten geht,
          ohne das was drin steht?

          1. Doch, aber wie soll ich das machen, das das Element bis unten geht, ohne das was drin steht?

            z.B. in dem der BODY die Hintergrundfarbe des unteren Bereichs erhält und du außerdem einen "Header"- und "Bilder"-Bereich festlegst. So kannst du die Höhe und die Hintergundfarbe des ersten und zweiten Bereichs festlegen;

            
            <html>
            <head>
             <style type="text/css">
              * {
               margin: 0;
               padding: 0;
               border: 0px;
               font-family: Verdana, Arial, sans-serif; }
              body {
               background-color: #990000; }
              #header {
               width: 100%;
               height: 100px;
               background-color: #cc0000; }
              #photos {
               width: 100%;
               min-height: 100px;
               background-color: #ffffff; }
             </style>
            </head>
            <body>
             <div id="header">
              <p>...</p>
             </div>
             <div id="photos">
              <img src="ph1.jpg" />
             </div>
            </body>
            </html>
            
            

            Bis denn dann,

            Thomas

            1. Hallo,

              ich habe es jetzt so gemacht:

              <html>

              <head>

              <style type="text/css">
               * {
                 margin: 0;
                 padding: 0;
                 border: 0px;}
                body { margin-top:0px; margin-left:0px; background-color: #9B9B9B; }
                #header {
                 width: 100%;
                 height: 180px;
                 background-color:  #FFCC00; }
              </style>

              </head>

              <body>

              <div id="header">
              </div>

              <img src="projekte.bmp">
              <img src="entwicklung.bmp">

              </body>

              </html>

              Beim FierFox wird es auch so angezeigt wie ich es will,
              aber der IE zeigt beim oberen Hintergrund nur ein Teil richtig an, ganz rechts ist aus irgendeinen Grund #9B9B9B

              Warum?? Wie kann ich das verhindern?

              1. Beim FierFox wird es auch so angezeigt wie ich es will, aber der IE zeigt beim oberen Hintergrund nur ein Teil richtig an, ganz rechts ist aus irgendeinen Grund #9B9B9B

                Kann den "Fehler" nicht nachvollziehen - bei mir siehts mit deinem Quelltext in allen verwendeten Browsern gleich aus. (Opera 9.01, Firefox 1.5, MS IE 6.0)

                Bis denn dann,

                Thomas

                1. Hallo,

                  also ich habe jetzt zwei Screenshots gemacht:

                  Hier in FireFox:

                  www.test.ferby.eu/firefox.jpg

                  Und hier in IE

                  www.test.ferby.eu/ie.jpg

                  Siehst du oben den Unterschied?

                  Die Seite findet ihr unter www.pauser.ferby.eu
                  (ps: der Quellcode ist Allgemein schlecht, da ich ihn nur zum testen diverser Sachen verwende)