Unsere COPD Webseite: Beitragsinhalt mittig bekommen

[Matthias Scharwies]

Servus!

Auf Flex umstellen wollte ich bzw. habe ich aber dann fingen die Probleme an. Auf meinem Mobilgerät stimmt mittlerweile gar nichts mehr wenn ich die Desktop Version darauf ansurfe 😫

@Matthias Scharwies & @Mr.Murphy, danke. Ich weiß da ist noch ein bißchen Chaos drin. Daran möchte ich mich später noch versuchen.

Bitte zieh das vor. Es hilft Dir! Später etwas glattzuziehen, ist aufwendiger.

@Rolf, vielen Dank. Mit order 1, 2 und 3 schaffe ich die richtige Reihenfolge.

Nein, @Rolf B Das war imho kein guter Tipp. Das HTML sollte die Reihenfolge auf dem Monitor wiederspiegeln, sonst könnten Tastaturnutzer sich ganz woanders wiederfinden, was verwirrt.

Auf dem PC sieht es jetzt zumindest gut aus und funktioniert. Auf Mobilgeräten bei ansurfen der Desktop Version ragt die l_sidebar über dem Inhalt. Zumindest beim Chrome Browser.

Entferne alle Breitenangaben (und auch Mehrspaltigkeit)! Dann stellt CSS alles untereinander und nichts ist außerhalb des Viewports.

In einer media query regelst du dann ,wie es auf breiteren Bildschirmen aussieht.

Herzliche Grüße

Matthias Scharwies