✔ Div im Div unten Positionieren

[Jukkales]

Hallo,

Ich möchte mir gern einen "Tabellenkopf" machen in dem links ein Bild angezeigt wird und der ganze Kopf (der Text) selber unten aber hinter dem Bild steht.

http://testserver.records-of-lunia.de/test.html

Soweit habe ich dies schon geschafft, jedoch will sich das div mit der main Klasse nicht unten positionieren lassen und ich bin ratlos.

Kann mir da jemand nen Tipp geben oder sagen wo mein fehler liegt?


MfG Jukka

 

[Maik]

Hi,

grundsätzlich gilt: wenn ein Element innerhalb seines Elternelements am unteren Rand positioniert werden soll, muss dass Elternelement .newsheader relativ und sein Nachfahrenelement .main mit der entsprechenden Positionsangabe bottom:0 absolut positioniert werden.

 

[Jukkales]

Dankeschön, ich musste noch mit dem z-index arbeiten um das Bild nach vorne zu bringen aber trodzdem danke ^^

Nachtrag:

Das ganze wird leider nur im Opera und FireFox richtig angezeigt. im Internet explorer ist das Bild neben dem text und nicht auf dem Text. Liegt das am IE oder an meiner CSS?

 

[Maik]

Gib noch für das DIV .main die linke Position an:

.main
{
        border: 1px dotted black;
        background-color: #D7D7FF;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        position: absolute;
        width: 93%;
        bottom: 0;
        left:0;
        z-index: 1;
}

 

[Jukkales]

Ah danke jetzt funktioniert es perfekt.