Hallo,

ich erstelle gerade für eine Vereinsseite eine mobile Version.
Im Prinzip erstmal nicht schwer.

Die Auswahl des mobilen CSS klappt.

Im mobilen CSS wird die Breite des Inhalts, zu groß angezeigt.
Die Frage ist warum.

Es handelt sich um eine Worpress Seite, glaube aber nicht das es daran liegt.

Wäre cool wenn ich einen Tipp bekommen könnte.
Der Link zur mobilen wie auch zur nicht mobilen Seite lautet fussball.tsv-neusaess.de

EDIT:

Das Menü in der mobilen Darstellung wäre erst der nächste Schritt - hier nicht das Thema.
Mir geht es um die Darstellung des Hauptbereichs.

Danke

mikeb69

@Nikx

der Bereich "section id="content"" wird zu groß Dargestellt.
d.h. er ist im mobilen CSS größer als 100% und ich weiß nicht warum.

Zu sehen ist das daran, dass der obere rote Balken weit ausserhalb des mobilen Screens reicht.

Hoffe ich konnte mein Problem jetzt klarer erklären.

Danke übrigens - ich schau öfter mal ohne Beitrag vorbei. Also ganz abwesend war ich nie.
Mein Lebensschwerpunkt hat sich nur etwas verlagert.

Gruss

mikeb69

@Nikx

hab das jetzt rausgefunden.
Dein Tipp mit den 1000px hat mir am Ende dann doch geholfen - hat aber etwa gedauert.

falsch - da die normale style.css für Rechner auch geladen wird.

In der angepassten style_mobile gab es kein min-width: 1000px;

Danke

mikeb69

@Nikx

important kannte ich nicht.

Ich brauch sowieso mindestens zwei CSS da sich in der mobilen Darstellung einiges ändert.

Beide CSS werden aufgrund einer Bedingung geladen - jeweils.


Gruss und nochmals danke

mikeb69