RE: Format-Fehler in der Mobilen Ansicht

Fehler in der Mobilen Ansicht

Antworten

Seite 2 von 2

#16

17.08.2016 21:52 (zuletzt bearbeitet: 17.08.2016 22:05)

Wolfgang
#16 RE: Format-Fehler in der Mobilen Ansicht

Wolfgang

Business-Template / 104774 - Fehler in der Mobilen Ansicht!

Hallo,
ich habe da eine weitere Lösung gefunden!

Die mobile Ansicht kommt mit verschachtelten DIV-Containern nicht gut zurecht.
Sie brechen über das Layout hinaus!

Wenn man, wie in meinem Forum zusätzliche Formatierungen in der Iconbar anbietet,
kommt es zu Format-Fehlern. Bei den folgenden Formatierungen werden die Darstellungen abgeschnitten oder brechen aus dem Layout heraus!

1. Schlagschatten
2. Hintergrundfarbe oder Hintergrundbilder
3. Farbverlauf

Hier ein mögliche Lösung, die ich z.Z. verwende:
*Eintrag in die mobile CSS!
*Überlange Überschriften, Links und Spoiler-Titel sind mit berücksichtigt!
*padding-right in Zeile 3 muss angepasst werden (kein weißer Streifen am rechten Rand)

1. "Admin > Forum > Einstellungen > Einstellungen des Forums > Mobiles Template für Smartphones aktivieren > Farbeinstellungen > Farben & Einstellungen > CSS" aufrufen!

2. Folgende Zeile eintragen:

1
2
3
4
5
6
7
 
.mtext div {width:98% !important;}
.xquoteable div{width:auto !important;}
div {padding-right: 8px !important;}
body {margin-bottom:50px;word-wrap:break-word;}
.hpm_spoiler_headinput{max-width:98% !important;white-space:normal !important;text-align:left;border-radius:5px;outline:none; border:1px solid #333333;}
.hpm_spoiler_headdiv {color:#000000 !important;}
.code pre {font-weight:bold;color:#0000ff !important; padding-right: 10px !important;padding-top:10px;}
 

PS: Die Mobile Ansicht ist auf Smartphone eine super Sache und sehr hilfreich!

Bis dann
Wolfgang