Profil Rahmen funktioniert nicht ganz :(

Hey!

Ich betreibe ein Forum und möchte gerne auch so eine Profilumrandung haben wie die Entwickler hier im Forum.

Das mit dem Bild einfügen habe ich geschafft, jedoch sind bei mir ein paar Fehler die ich nicht beheben kann

http://prntscr.com/jvwfx2

Wie man bei dem Bild sieht passt es beim ersten Profil.

Beim zweiten sieht man aber das der Rahmen viel zu tief sitzt... wie kann man das beheben?

derzeitiger Code:

@include screen-md-up {
    .userOnlineGroupMarking4 .messageSidebar {
        border: 3px solid #3a6d9c; //Farbe des Rahmens
        border-bottom-width: 0px;
        &::after {
            background-image: url("https://xxxxx.xxxxx/de/images/nexusBlue/team.png"); //Pfad zu deinem Logo
            background-size: cover;
            content: "";
            position: absolute;
            height: 393px;
            width: 205px;
            left: 50%;
            bottom: 0px;
            transform: translateX(-50%);
        }
    }
}

Ich würde auch gerne die höhe von der .messageSidebar auf eine fixe Größe (zb.: maximal 450 Pixel) festlegen.

Danach sollte es weiß weiter verlaufen.

http://prntscr.com/jvwgek

Bei dem Bild sieht man das der Blaue Balken bis zum ende des Beitrages geht

Mit freundlichen Grüßen

Thomas aka Remii

Hey!

Das mit der falschen Höhe habe ich durch das Hinzufügen von top: -3px; beheben können *freu*

Jetzt fehlt nurnoch das mit dem blauen Balken der bis zum Ende geht