Hallo,
als Nicht-Profi in Sachen CSS (nicht ganz dumm, aber viele Zusammenhänge fehlen mir doch) stehe ich gerade vor einem mir unerklärlichen Phänomen.
Da auf einer bestehenden Website eine Mitgliedertabelle auf Smartphone in der Breite nicht unterzubringen ist, möchte ich diesen Bereich (<SECTION>) bei Bedarf horizontal scrollen.
Kein Problem : overflow-x: auto.
Hier ist der entsprechenden CSS-Teil:
@media only screen and (max-width: 650px)
{
body{width: 100%}
.
.
.
section.login{
width:100%; min-width: 280px; overflow(-x): auto;
}
}
Klappt wunderbar. In allen Browsern bei jeder Breite. Also sollte es auch am Handy funktionieren.
Denkste! Ca. nach der Hälfte der Tabelle ist Schluss mit Daten. Der Rest ist grau.
Die Daten sind aber da! Ich kann nach versteckten Daten suchen, sie werden gefunden. Etwas deutlicher zeigt das Screenshot, bei dem ich irgendwas blind markiert habe.
Ach ja: Das einzige Smartphone, bei alles gut ist, ist ein iPhone.
Hat jemand eine Idee zur Problemlösung?
Habe schon viel gegoogelt und ausprobiert, dass ich nicht mehr mitteilen kann, was alles erfolglos war. Sorry.
Einen Link zur Seite kann ich nicht weiter geben, da dort interne Daten angezeigt werden. Aber es geht um www.chariots.de. Problem liegt hinter dem Login.
Schon jetzt Danke für jede Antwort.