Seite 1 von 1

Vertikaler Strich zwischen Posting und Benutzerinformationen

Verfasst: 08.05.2012 09:40
von dieter99
Hallo,
schaut euch mal den vertikalen Strich an (der das Posting von den Benutzerinformationen trennt):

[ externes Bild ]

Der Strich hat keine Höhe von 100 Prozent, sondern ist nur so hoch wie die Gesamthöhe der Benutzerinformationen.

Weiss jemand, wie man das ändern kann?

Browser: Firefox

Re: Vertikaler Strich zwischen Posting und Benutzerinformati

Verfasst: 09.05.2012 18:40
von Talk19zehn
Hello, probiere bei Bedarf und teste die Darstellung in deinem Forum dahingehend, ob die Notation keine Fehlerchen verursacht.

Das "padding" zu konfigurieren könnte hilfreich sein: Ohne Gewähr, da ein Hinweis auf das verwendete Style fehlt.

Code: Alles auswählen

ul.topiclist dd {
    border-left: 1px solid #FFFFFF;
    display: block;
    float: left;
    padding: 20px 0;
}
und hier evtl. ein "margin-top" anwenden?

Code: Alles auswählen

ul.topiclist dt {
    display: block;
    float: left;
    font-size: 1.1em;
    margin-top: 12px;
    padding-left: 5px;
    padding-right: 5px;
    width: 40%;
}

Einfach selbst austesten und probieren und Ausgaben ( Darstellungen ) überprüfen.

Re: Vertikaler Strich zwischen Posting und Benutzerinformati

Verfasst: 11.05.2012 14:23
von dieter99
Talk19zehn hat geschrieben:Das "padding" zu konfigurieren könnte hilfreich sein: Ohne Gewähr, da ein Hinweis auf das verwendete Style fehlt.
Das von mir geschildertete Problem tritt auch hier (im phpbb.de-Forum) auf. Ich gehe daher davon aus, dass es sich um ein grundsätzliches Problem handelt.

Re: Vertikaler Strich zwischen Posting und Benutzerinformati

Verfasst: 11.05.2012 15:05
von Crizzo
dieter99 hat geschrieben:Das von mir geschildertete Problem tritt auch hier (im phpbb.de-Forum) auf. Ich gehe daher davon aus, dass es sich um ein grundsätzliches Problem handelt.
Das ist kein Problem, dass ist ein ganz normales Verhalten der dort verwendeten HTML-Elemente. Dieser Strich wieder per "border"-Eigenschaft erzeugt und zwar von der Profil-Box. Das Profil ist allerdings nicht höher. Elemente können nicht mit einem anderen Element "mitwachsen" und deshalb hört der Strich da auf. Nur Tabellen-Zellen haben diese Wechselwirkung untereinander.

Man könnte das Problem verlagern, in dem man nicht .postprofile, sondern .postbody die Border/den Strich verpasst. Dann tritt das Problem nur noch auf, wenn der Text kleiner ist, als das Profil.
Siehe hier: (grober Entwurf) http://www.abload.de/img/vertikalerstrich5uk1s.png

Oder eine Anwedung von der Faux-Columns-Technik: http://xhtmlforum.de/40267-faq-h-ufig-g ... .html#faq1

Grüße