IMG am unteren Ende eines DIV-Container ausrichten

[Haliel]

Hy,

wie ihr schon im Titel sehen könnt habe ich ein kleines positionierungs Problem *g*.

Ich habe vor eine kleine INFO-Seite zu erstellen, die sich aus DIV-Containern zusammensetzt. Im Normalfall kein Problem, aber leider schaffe ich es nicht, eine Grafik am unteren Rand eines DIV-Containers auszurichten.

Hier mal der HTML Teil:

<div class="container">

<div class="kopf">
  <img class="pic_left" src="weihnachtsstern_left.gif">
  <img class="pic_right" src="weihnachtsstern_right.gif">
  <img Class="pic_middle" src="christbaum.gif">
 </div>

</div>

und hier mein CSS-Teil:

.container {
 margin:auto;
 padding: 5px;
 height: 600px;
 width: 800px;
 top: 60px;
 border: thin solid #FFFFFF;
}

.kopf {
 height: 300px;
 width: 100%;
}

.pic_left {
 float: left;
}

.pic_right {
 float: right;
}

.pic_middle {
 bottom: 0px;

}

Ich hatte es auch schon mit margin-bottom: 0px ausprobiert, aber das hatte auch keine auswirkungen :(

Wenn jemand ne Idee hat wäre das super, mir fällt nichts mehr ein was ich noch probieren könnte.

Danke schon mal im Vorraus.

Lg Haliel

[tobias25]

Morgen,

Ich hatte das gleiche Problem und habe es ganz stump mit

position: absolute;
left: px; right: px; top: px; bottom: px;

Da muss man da zwar etwas rumprobieren, und muss wenn man neue Inhalte einfügt die Zahlen dementsprechend verändern aber auf jeden Fall klappt es.

MfG,

Tobias

[haliel]

Moin,

gibts da nicht ne andere möglichkeit? ich kann ja Objekte mittels "Float" auch nach links oder rechts ausrichten. gibts sowas kleines nicht auf für "bottom" Weil das mit dem position absolute usw. finzt nicht immer so elegant. und vorallem muss och dann immer nach dem gesamten Raster der seite gehen und nicht nach dem im DIV-Container.

Falls da jemanden noch was besseres einfällt würd ich mich freuen,

aber schon mal danke an dich Tobis für die schnelle antwort.

Lg Haliel

[Engin]

Hi haliel,

und vorallem muss och dann immer nach dem gesamten Raster der seite gehen und nicht nach dem im DIV-Container.

Nein, muss man nicht, wenn man position:relative; benützt, so wie hier zusehen.

Grüße,
Engin
GYRO

[Felix Riesterer]

Lieber Haliel,

eine Grafik am unteren Rand eines DIV-Containers auszurichten.

wenn es sich um ein "Design-Element" handelt, also kein Bestandteil des Inhalts, sondern nur der Darstellung ist, dann würde ich das mittels eines background-image lösen und kein <img /> verwenden. Wie Du dann dieses Hintergrund mittels background-position positionieren musst, das solltest Du bereits wissen.

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Haliel]

richtig da hab ich noch garnicht gedacht *an kopf greift* bin schon etwas zu lange drausen aus dem Webseitenbasteln.

Danke an euch beide. Und viel spaß noch hier

Lg Haliel