<div> Höhe immer 100%

N8boy

Grünschnabel
Hallo ich habe ein kleines Problem:
Ich entwickel gerade ein kleines Forum, doch leider scheiter gerade an der Darstellung :D

HTML:
<div class="post">
<div class="user">Autor</div>
Datum<hr /><br />Nachricht
<div style="clear:both ;">
</div>
</div>

mit

HTML:
.post{
    border:solid #83c00b 1px;
    color: #979797;
    font-family: Calibri;
    font-size:13px;
    margin-left:40px;
    margin-right:40px;
}
.user{
    text-align: center;
    float:left;
    width: 170px;
    background-color: grey;
    height: 100%;
}

Nun ist mein Problem dass die User-"Bar" entweder nur grau hinterlegt ist wo der name des autors ist, oder 100% des gesammten Bildschrims hoch ist.
Ich möchte aber dass es 100% des außeren <div>'s hoch ist.
Wie kann ich das ändern?
Wenn ich mich unklar ausgedrückhat habe dann bitte bescheid sagen ;)


Edit sagt: Suche & Google hab ich benutzt aber nichts nutzbares gefunden.
 
Zuletzt bearbeitet:
Und warum vergibst du dann nicht eine feste Höhe?
Warum floatest du hier überhaupt? ergibt das hier sinn? Neben dem DIV-Container eine Linie und dann ein Zeilenumbruch? Dann könntest anstatt dem DIV ein SPAN-Element nehmen.
 
Also ich wollte das im stil von Woltlab burning board haben, wo links eine Liste ist mit ein paar infos über den User und rechts davon dann den Text und Datum. Und da die Leiste mit wachsen soll habe ich das gefloatet... Im Notfall werde ich die Liste dann horizontal machen und nicht vertikal machen müssen
 
Zuletzt bearbeitet:
Zurück