Unterschiedliche Breiten

#1 · January 16, 2018, 9:56 pm

Moin vom Deich,

ich habe mit einer Freundin das Forum neu im Einsatz und wir sind wirklich begeistert, vielen Dank dafür! Wir haben nur ein kleines optisches Problem:

Wir haben das Forum in eine Seite ohne Seitenleiste mit einer Inhaltsbreite von 1.200 Pixel eingebunden. Die Startseite des Forums nutzt davon nur ca. 830 Pixel und die Kategorieübersichten sogar nur ca. 605 Pixel. Nur die Threadansicht nutzt die volle Breite; Bilder hänge ich an.

Wie können wir das Ganze so ändern, dass immer die volle Breite genutzt wird?

Vielen Dank schon mal im Voraus für Hilfe,

Ursula

Uploaded files:

#2 · January 16, 2018, 10:41 pm

Ich antworte mir mal selbst 😀 Ich hab’s gelöst, nachdem ich begriffen hatte, dass die Breite vom Inhalt abhängt. Mache ich einen Forentitel zum Beispiel ellenlang, ist das Forum breiter. Eine feste Breite kann ich aber nicht vergeben, weil das Forum dann nicht mehr responsiv ist. Deshalb habe ich es so gelöst:

@media screen and (min-width: 75.500em) {
  #af-wrapper {
    width: 1200px;
  }
}

So ist das Forum auf breiten Bildschirmen immer gleich breit, aber trotzdem responsiv.

#3 · January 16, 2018, 11:26 pm

Hmmm…
Hi,
ich arbeite fast nur über % … warum feste breakpoints vergeben oder hast Du übergrosse images?
Beispiel:

{ width: 100%; height: auto }

LG.

Sven

#4 · January 16, 2018, 11:46 pm

Das hat nicht funktioniert; auf % kam keine Reaktion, auch nicht mit !important.

Der feste Breakpoint ist deshalb sinnig, damit das Forum auf breiten Bildschirmen immer die volle Breite nutzt. Das war ja der Sinn der Übung 🙂

#5 · January 17, 2018, 6:26 pm

Was hast Du für Thema von WP? Ist das ein Kaufthema oder ein freies?

Dennoch sollte css (zumindest Version 2) 3 funktionieren…
Na ja, manchmal blicke selbst ich nicht mehr durch, habe auf der Startpage gewaltige JS Probleme, die aber, trotz Dementi vom Ersteller, thematypisch zu sein scheint .
Hab das ganze jetzt mal in eine “virtuelle” JS Scriptbox gepackt, also JS in JS … mal sehen was passiert 😀

#6 · January 17, 2018, 6:28 pm

Hallo Ursula,

ist dein Forum öffentlich, so dass ich mir dieses mal anschauen kann? Ich denke, mit einer prozentualen CSS-Anpassung sollte sich das relativ einfach lösen lassen.

Wenn du den Link hier nicht öffentlich rausgeben möchtest, kannst du mir diesen auch gerne per mail an developer(at)thomasbelser.net schicken. 🙂

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

#7 · January 17, 2018, 6:28 pm

@Sven: Du musst Dir keine Gedanken mehr machen; ich habe das Problem für mich ja gelöst 🙂

@Asgaros: Das ist aber nett; die Angaben kommen gleich 🙂