Responsive table

[Ruccola1]

Hallo an alle,

ich habe ein schönes Tutorial für eine responsive Tabelle gefunden und in eine Testseite eingebaut.
Leider hat sich bei der Smartphone Version in kleiner Bug eingeschlichen. Die Zeilen sind vertikal nicht bündig, was sehr schade ist. Ich hab alles mögliche mit marin und Pudding ausprobiert - ohne Erfolg.

Vielleicht hat ja mal jemand Zeit und Lust sich das anzusehen und ev. einen Lösungsvorschlag:

http://test.st-sign.at/Absamer_Naturbetten/lattenroste.html


Wäre zu schade wenn diese an und für sich schöne Lösung an so etwas scheitert.

Vielen Dank im Voraus!

 

[threadi]

Wenn Du für die Zellen die Zentrierung weg lässt und gleichzeitig

padding-left: 45%;

ergänzt, passt es.

 

[Ruccola1]

Super, danke! Du meinst die dt oder die th

 

[threadi]

Ich hatte es nur mit den td ausgetestet.

 

[Ruccola1]

hm, also wenn ich in der Zeile 270 text-align:center raus gebe und es mit dem Pudding-left 45% ersetze wirft es mir alles durcheinander?

 

[threadi]

Du musst nur irgendetwas anderes geändert haben. Zudem finde ich sehr viele HTML-Fehler:
https://validator.w3.org/check?verb...-sign.at/Absamer_Naturbetten/lattenroste.html
und auch im CSS gibt es einige Schreibfehler, z.B. font-soze. Und ich hoffe du schreibst nicht wirklich irgendwo "pudding-left".

 

[djheke]

So funktioniert's.
http://www.gipspferd.de/forumhilfe/responsive-table/

 

[nookie]

So funktioniert's.
http://www.gipspferd.de/forumhilfe/responsive-table/

Eher Suboptimal, besonders bei Tabellen mit mehr Spalten und Datensätzen. Trotzdem ein Lösungsansatz, dennoch finde ich die Lösung von Bootstrap etwas besser.

http://www.w3schools.com/bootstrap/bootstrap_ref_css_tables.asp

 

[djheke]

Eher Suboptimal, besonders bei Tabellen mit mehr Spalten und Datensätzen. ...

Was meinst du mit Suboptimal?

 

[nookie]

Stell dir vor du hast statt 5 Spalten aufeinmal 8 Spalten und statt 5 Datensätze, 10. Dann müsste ich bei deinem Ansatz ewig scrollen bis ich ich das gefunden habe was ich sehen möchte. Außerdem würde die Tabelle mehr Platz einnehmen als der gesamte Content auf meiner Seite.

Daher finde ich den Ansatz mit einem scrollable DIV-Container um die Tabelle doch besser, auch wenn das nicht ganz perfekt ist.

 

[djheke]

Ach so. Ja das stimmt, aber horzontal scrollen kann auch nerven. Ist bestimmt Geschmassache.

 

[nookie]

Ach so. Ja das stimmt, aber horzontal scrollen kann auch nerven. Ist bestimmt Geschmassache.

Ja, da gebe ich dir recht. Allerdings hat man meiner Meinung nach horizontal nicht soviel zu scrollen, außer man hat natürlich mehr als 8-10 Spalten.