Moni: ein div soll sich über anderes legen

Ich möchte oben eine Bild einblenden über das ich dann ein Logo anzeigen möchte.
Ich dachte ich mache das mit zwei div

<div id="first"></div>
<div id="second"></div>

#first{
background: url(back.png)repeat-x;
height:100px;
}

#second{
background: url(logo.png)0px 10px no-repeat;
}

doch wie schaffe ich das sich das #second über das first legt?

Moni

  1. @@Moni:

    nuqneH

    Ich möchte oben eine Bild einblenden über das ich dann ein Logo anzeigen möchte.
    Ich dachte ich mache das mit zwei div

    Warum nicht mit zwei Hintergrundbildern für ein div? (An Fallback für alte Browser denken!)

    „Logo“ hört sich aber nicht nach Verzierung an, sondern nach Inhalt, d.h. nach img-Element mit entsprechendem Alternativtext. Das Bild dahinter wäre ein – nun ja – Hintergrundbild.

    Qapla'

    --
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
  2. Hello,

    Ich möchte oben eine Bild einblenden über das ich dann ein Logo anzeigen möchte.
    Ich dachte ich mache das mit zwei div

    <div id="first"></div>
    <div id="second"></div>

    #first{
    background: url(back.png)repeat-x;
    height:100px;
    }

    #second{
    background: url(logo.png)0px 10px no-repeat;
    }

    doch wie schaffe ich das sich das #second über das first legt?

    Schau Dir mal die Gruppe der Position-Anweisungen an:

    position:static;
    position:relative;
    position:absolute;
    position:fixed;

    http://de.selfhtml.org/navigation/css.htm#positionierung

    Liebe Grüße aus dem schönen Oberharz

    Tom vom Berg

    --
     ☻_
    /▌
    / \ Nur selber lernen macht schlau
    http://bikers-lodge.com
  3. Hi!

    Wie von anderen schon angemerkt, sind zwei Divs fuer das Vorhaben syntaktisch wahrscheinlich unguenstig.

    <div><img></img></div>

    Ind Div dein Bild als Hintergrund. Das img dann mit postion aus den Links von Tom platzieren.

    Nicht vergessen: dem div ebenfalls position zu geben, wenn man das img mit position:absolut platziert, dmit das img sich am div und nicht in irgendeinem Elternelement ausrichtet.

    Du kannst das natuerlich auch mit 2 img machen und beide an ihrem Elternelement ausrichten.

    --
    Signaturen sind bloed.
    1. *ups*

      Hello Steel,

      habe "die" bei dir jetzt auch den bei mir schon jahrelang etablierten KeyConverter installiert?

      Dann kann man uns in Zukunft ja gar nicht mehr unterscheiden :-))

      Liebesgrüße aus der schönen Oberharzer Mädelslandschaft

      Tom vom Berg

      --
       ☻_
      /▌
      / \ Nur selber lernen macht schlau
      http://bikers-lodge.com