Onkel Schnitzel: Problem bei absoluter Positionierung

Mahlzeit,

ich habe eine Box, in der ich mehrere Bilder angeordnet habe. Sowohl die Box als auch die Bilder sind absolut positioniert. Das Problem: Ich habe der Box eine Hintergrundfarbe und einen Rahmen verpasst - nur sind die seltsamerweise nicht sichtbar. Erst wenn ich die Bilder normal positioniere, also per margin, sind der Hintergrund und der Rahmen zu sehen. Ich kann mir dieses Verhalten irgendwie nicht erklären. Ich möchte die Bilder schon gerne absolut positionieren.

Hier mal das Stylesheet:

#bandbox {
  position: absolute;
         top: 220px;
         left: 0px;
         border: 1px solid black;
         background-color: #FF00FF;
}

#bandbox img {
  display: block;
         border: 0px;
         position: absolute;
         top: 10px;
}

.andy {
 left: 0px;
}

.mario {
         left: 118px;
}

........

Gruß,
Onkel Schnitzel

  1. Hallo Onkel Schnitzel.

    ich habe eine Box, in der ich mehrere Bilder angeordnet habe. Sowohl die Box als auch die Bilder sind absolut positioniert. Das Problem: Ich habe der Box eine Hintergrundfarbe und einen Rahmen verpasst - nur sind die seltsamerweise nicht sichtbar.

    Natürlich. Wie soll ein vollkommen leeres Element auch dargestellt werden?
    Dadurch, dass du die Kindelemente aus dem Dokumentenfluss nimmst, beeinflussen sie die Dimensionen ihres Elternelementes nicht mehr.

    Erst wenn ich die Bilder normal positioniere, also per margin, sind der Hintergrund und der Rahmen zu sehen. Ich kann mir dieses Verhalten irgendwie nicht erklären. Ich möchte die Bilder schon gerne absolut positionieren.

    Warum? Warum genügen relative Positionierung oder float nicht?

    Hier mal das Stylesheet:

    Ohne das zugehörige HTML ist dies nutzlos.

    Einen schönen Montag noch.

    Gruß, Ashura

    --
    sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
    „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
    [HTML Design Constraints: Logical Markup]
    1. Hallo Ashura,

      Warum? Warum genügen relative Positionierung oder float nicht?

      habs auch gerade rausgefunden (hab nochmal im Archiv gestöbert) - mit position: relative funktionierts.

      Danke und nen schönen Tag noch :-)