Seite 1 von 1
Fensterbreite via responsive.css ändern
Verfasst: 17.11.2020 08:47
von pegasusone
Hallo Community,
benutzte Version:
phpbb 3.3.2 mit prosilver (Forum existiert bisher nur auf xampp)
ich habe die Fensterbreite in der "viewtopic_body.html" und in der "viewforum_body.html" wie folgt auf 90% reduziert:
Code: Alles auswählen
<div class="forum-body">
Inhalt viewtopic_body.html bzw. viewforum_body.html
</div>
und
Jetzt würde ich gerne eine Angabe in der "responsive.css" setzen, damit die Breite bei einer bestimmten Bildschirmgröße wieder auf 100% angepasst wird, bzw. dass die ".forum-body" Angabe abgeschaltet wird. Leider blicke ich nicht durch, wie die "responsive.css" so richtig funktioniert. Kann mir jemand dabei helfen?
pegasusone
Re: Fensterbreite via responsive.css ändern
Verfasst: 17.11.2020 11:06
von Mike-on-Tour
Warum machst du das in den html-Dateien und nicht über die (schon vorhandenen) Werte in der common.css (.wrap ab Zeile 140, da stehen min-width und max-width mit Pixel-Angaben, habe das bei mir auf Prozentwerte geändert).
Re: Fensterbreite via responsive.css ändern
Verfasst: 17.11.2020 11:29
von pegasusone
Halle Mike-on-Tour,
wenn ich das nur in der "common.css" ändere, dann wirken sich die 90% auch auf den "Persönlichen Bereich" aus, was ich aber gerne verhindern möchte. Es sollte nur der "Forumsbereich" schmaler werden, also die Auflistung der Foren, die Auflistung der Themen und die Beiträge. Alles andere sollte bei 100% Breite bleiben.
Alternativ könnte auch der ganze "page-body" auf 90% Breite reduziert werden, aber der "Persönliche Bereich" sollte immer 100% breit sein.
Bisher ist mir dazu nur die bereist von mir erwähnte Methode eingefallen. Die funktioniert tadellos, nur bei der Benutzung eines kleineren Bildschirms, sollte die Spaltenweite dann wieder mit 100% Breite interpretiert werden.
Trotzdem vielen Dank!
pegasusone
Re: Fensterbreite via responsive.css ändern
Verfasst: 17.11.2020 11:36
von chris1278
Code: Alles auswählen
@media (max-width: 700px) {
.forum-body {
width: 100%;
margin: 0 auto;
}
}
Du musst halt schauen ob 700px ausreicht. das ist hier z.B. Standardwert bezüglich des phpbb Forenlogos in prosilver.
Falls das mit
@media (max-width: 700px) nicht richtig funktioniert dann kannst du den alternativ wert auch mit
@media (min-width: 700px)
Ich denke, wenn ich das richtig verstehe werden die Werte die mit
@media (max-width: ...) angegeben erst ab der angegebenen Pixelbreite geladen das hieße in dem Fall 700px.
In dem Fall werden die Werte für die klasse .forum-body erst ab einer Pixelbreite von 700 geladen. Es könnte also sein das du in deinem Fall diese Version hier brauchst:
Code: Alles auswählen
@media (min-width: 700px) {
.forum-body {
width: 100%;
margin: 0 auto;
}
}
Den Wert 700 musst du durch Probieren rausfinden ob der reicht.