GerneUwe hat geschrieben:DANKE!!!!
Und?Uwe hat geschrieben:@extremcarver: die Breite war schon vorher so.
Oooops!
Das ist zwar jetzt nicht die super elegante Lösung, aber wenigstens wird der Bildschirm in seiner vollen Breite genutzt.
Die Positionierung der Benutzerinfos am rechten Rand finde ich gut. Bei einigen Webseiten wie Applikationen geht seit langem der Trend in die falsche Richtung. Der eigentliche Inhalt wird durch reichlich überfrachtete Steuer- oder Info- Elemente mit nachrangigen Informationen völlig verdrängt. Daher ist es völlig OK, wenn die Beiträge vor den Benutzerinfos stehen. Mir leuchtet aber nicht ein, warum bei mittlerer Fenstergröße die Benutzerinfo permanent 1/5 der verfügbaren Breite in Beschlag nehmen muß. Wie man in dem Screenshot nachvollziehen kann, kommt man mit einem Bruchteil der Breite aus, wenn man sich auf Avatar, Benutzername und Vorname beschränkt. Bei kleiner Auflösung werden die übrigen Informationen schließlich auch ausgeblendet. Beim Drüberfahren mit der Maus erhält man dann alle Informationen.
Wie gewohnt für Freunde von FF und Stylish der CSS-Code zum Nachbauen:
Code: Alles auswählen
/* Forum bei breiten Fenstern aufziehen */
@media only screen and (min-width: 1010px) {
body#phpbb #header {
background-color: #00AA01;
}
body#phpbb #contentpadding, body#phpbb #content-cs, body#phpbb #footer_navi {
width: 100%;
}
body#phpbb #wrap {
max-width: 100%;
}
}
/* Benutzer Info mit dynamischer Breite */
@media only screen and (min-device-width: 701px) and (min-width: 701px) and (max-width: 1600px) {
/* Breite des Beitrags */
.postbody {
width: 90%;
}
.postprofile:hover ~ .postbody {
width: 76%;
}
/* Breite des Profils */
.postprofile {
width: 8%;
overflow: visible;
}
.postprofile:hover {
width: 22%;
overflow: inherit;
}
/* Darstellung der nachgelagerten Benutzerinfos */
.postprofile > dd:not(.profile-vorname), .postprofile > dd.profile-vorname strong {
display: none;
}
.postprofile:hover > dd {
display: inherit;
}
.postprofile:hover > dd.profile-vorname strong {
display: inline;
}
}
Edit: 2015-06-23 CSS breiter Modus nur in Forenansicht