pankraz: Div mit Hindegrund Bild

Hallo zusammen,

Habe wieder mal ein Problem, bin gerade an der Gestaltung meiner Homepage und kriege irgendwie kein Hindergrundbild in ein <div>.

#header  
{  
 background-image: url(../images/bgb.gif) repeat-x;  
 height: 207px;  
}

<html>
<head>
</head>
<body>
<div id="header">
Div mit Hintergrundbild
</div>
</body>
</html>

Wahrscheinlich ein dummer Fehler ab dem einige was zu lachen haben aber ich finde ih einfach nicht..

Lg

  1. kriege irgendwie kein Hindergrundbild in ein <div>.

    #header

    {
    background-image: url(../images/bgb.gif) repeat-x;
    height: 207px;
    }

      
    
    > <div id="header">  
    > Div mit Hintergrundbild  
    > </div>  
      
    Der Code ist so erstmal nicht zu beanstanden. Ist die Bild-URL korrekt, d.h. auch mal aufgerufen und nicht nur angeguckt und gedacht, dass sie korrekt aussähe?  
    
    
    1. kriege irgendwie kein Hindergrundbild in ein <div>.

      background-image: url(../images/bgb.gif) repeat-x;

      Der Code ist so erstmal nicht zu beanstanden.

      Ist er natürlich doch: propdef-background-image ist nicht background.

      Wo ist das Wochenende? Ah, dort. Ich komme.

      1. Hallo,

        propdef-background-image ist nicht background.

        Hmm, das verstehe ich nicht. Kann mir das gemand erklären?

        Lg

        1. n'Abend,

          propdef-background-image ist nicht background.
          Hmm, das verstehe ich nicht. Kann mir das gemand erklären?

          ja, pass auf. Das ist die entscheidende Zeile aus deinem CSS:

          background-image: url(../images/bgb.gif) repeat-x;

          Du willst die CSS-Eigenschaft background-image definieren, die als Wert *ausschließlich* die URL des Bildes erwartet. Du gibst aber zusätzlich noch repeat-x an, und das macht die Definition für background-image ungültig.
          Entweder du nimmst das repeat-x hier weg und setzt es in eine eigene Zeile für background-repeat, oder du nimmst die Sammel-Eigenschaft background, dann kannst du alle Einstellungen, die den Hintergrund betreffen, in eine CSS-Definition schreiben.

          Also entweder so:

          background-image:  url(../images/bgb.gif);
            background-repeat: repeat-x;

          oder so:

          background: url(../images/bgb.gif) repeat-x;

          Jetzt klar?

          Schönen Abend noch,
           Martin

          --
          Funktion und Referenz auf diese sind mir bekannt, mit Zeigern kann ich nicht viel mehr anfangen, als damit auf Buttons zu klicken.
            (Ashura)
          1. Hallo

            Vielen Dank, jetzt klappt alles.

            Lg

  2. Hallo,

    Habe wieder mal ein Problem, bin gerade an der Gestaltung meiner Homepage und kriege irgendwie kein Hindergrundbild in ein <div>.

    ich ahne etwas ...

    #header

    {
    background-image: url(../images/bgb.gif) repeat-x;
    height: 207px;
    }

      
    Dass diese CSS-Definition fehlerhaft ist, hat [Engelein](https://forum.selfhtml.org/?t=171249&m=1120755) schon festgestellt - wenn auch mit Verzögerung. ;-)  
    Und das ist wahrscheinlich der Hauptfehler, denn ein Browser soll fehlerhafte CSS-Regeln ignorieren. Genau das tut dein Testbrowser wahrscheinlich.  
      
    
    > <div id="header">  
    > Div mit Hintergrundbild  
    > </div>  
      
    Dieses div hat wenig Inhalt und hat somit eine geringe Höhe. Je nachdem, was dein Hintergrundbild darstellt, sieht es möglicherweise so aus, als wäre gar keins da, weil man nur die oberen paar Pixel sieht.  
      
    Schönes Wochenende noch,  
     Martin  
    
    -- 
    Man sollte immer wissen was man sagt  
     - aber auf keinen Fall alles sagen, was man weiß.