#1

Lima

As  (135 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://fotoarte.ch

Hallo an alle, 

ich habe das Design Faro ausgewählt und bin soweit zufrieden. Nun habe ich bei allen Seiten zusätzlich noch Umleiten auf Smartphone plaziert.


Nun mein Problem:

Auf dem Handy und dem iPad gehen die Tabellen aus dem Fenster. Das heisst sie passen sich nicht dem Bildschirm für Handy und iPad an.

Was muss ich da machen, dass die Seiten sich anpassen? Vor allem wenn ich Tabellen habe?


Vielen Dank für die Hilfe.

Daniel Hensch

#2

harlekin8

Experte  (314 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://relaunch.cooperative-praxis.de

#3

Lima

As  (135 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://fotoarte.ch

#4

Volker W.

Administrator  (7918 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

Ich würde mir da ehrlich gesagt keine Gedanken drum machen. Denn wer besucht Websites wie Deine (und meine sowie andere) wirklich produktiv mit dem Smartphone, um diese intensiv zu lesen/studieren und beschwert sich dann über zu breite Tabellen? Wenn Du mich fragst... - kein Mensch.


Falls Du Dir trotzdem Gedanken machst:

Abhilfe schaffen kannst Du da effektiv nur mit einem responsiven Design. Unsere Forum-Team Mitglieder Conny, Jürgen und Thomas haben solche responsiven w2d/Siquando Designs in ihrem Portfolio. Schau' sie Dir einfach mal an.


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#5

Lima

As  (135 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 https://fotoarte.ch

Ja, ich mache mir Gedanken und würde gerne die Team Mitglieder kontaktieren.

#6

Volker W.

Administrator  (7918 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

HIER kannst Du mal prüfen, wie sich responsive Tabellen verhalten. Bei zu kleinen Bildschirmbreiten wird übrigens automatisch ein vertikaler Scrollbalken erzeugt.

(Basiert auf Bootstrap 3 von Thomas, Pro-Version.)


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#7

GrafFoto

Ehrenmitglied  (227 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.postkartenparadies.de

Bei Tabellen würde ich im ersten Schritt immer versuchen so wenig Spalten wie möglich einzufügen. Warum legst du nicht beispielsweiese Name und Vorname zusammen. Die Spalten werden ja immer mindestens so breit, wie das längste Wort, das sich darin findet.

Eine Spalte ist hier immer flexibler. In der ersten Tabelle kann bei Platzmangel ein Umbruch hinter dem Vornamen gemacht werden. Bei der zweiten nicht, die muss immer so breit bleiben.

toni abc
max def
karl-ludwig-wilhelm dingenskirchenmann
toni abc
max def
karl-ludwig-wilhelm dingenskirchenmann

Dieser Beitrag wurde bereits 2 mal bearbeitet, zuletzt von »GrafFoto« (28.11.2015, 09:30)
#8

Thomas

Moderator  (2331 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://siquando-designs.de

Hier ein Beispiel einer optimierten Smartphone-Version. Bei kleineren Breiten als 768px werden die Tabellenzellen mit einer Breite von 100% angezeigt.


Viele Grüße
Thomas

siquando-designs.de (NEU: KARO Flex Layout, Santa Cruz Pro für Pro Shop und Apollon 11 für Siquando Shop, Templateübersicht & Support für Shop 11 + Pro Web 10)

1166 Aufrufe | 8 Beiträge