einheitliche Breite

[Hannes Weninger]

Hallo,

es liegt wahrscheinlich an der frühen Zeit aber ich bekomms nicht hin, dass die "border-left" untereinander sind: Border sollten untereinander sein Ich wäre euch dankbar für Hilfe.

Vielen Dank! Hannes

[Gunnar Bittersmann]

@@Hannes Weninger

ich bekomms nicht hin, dass die "border-left" untereinander sind: Border sollten untereinander sein

Du willst also, dass .chat aussieht wie eine Tabelle. Darin übernehmen .media die Funktion der Tabellenzeilen; .media-left und .media-body die der Tabellenzellen:

.chat
{
    display: table;
}

.media
{
    display: table-row;
}

.media-left,
.media-body
{
    display: table-cell;
}

LLAP 🖖

PS: JSFiddle für CSS ist blöd. Änderungen werden nicht live wirksam, sondern erst durch Drücken von [▶︎ Run]. Codepen oder Dabblet sind da besser geeignet.

[dedlfix]

Tach!

es liegt wahrscheinlich an der frühen Zeit aber ich bekomms nicht hin, dass die "border-left" untereinander sind: Border sollten untereinander sein

Was genau tust du denn oder hast vor zu tun, damit das untereinander kommt? Ich finde da gar keinen Ansatz in deinem Code. Vielleicht versucht du ja auch das Pferd von hinten aufzuzäumen, weil du die Ränder erwähnst. Diese sind aber mit Elementen verbunden und stehen nicht lose in der Gegend rum. Also ist die eigentliche Aufgabe, diese Elemente zu positionieren. Der Bootstrap-Weg wäre, Spaltengrößen zu definieren mithilfe der col-...-Klassen.

dedlfix.

[Oktober]

Hallo Hannes

Siehe update Fiddle

Grüße Oktober