Tabellenspalten bei kleinerem Display untereinander

[masterofwong]

http://gutschn.de/index.php/angebot/83-preorder-pc-highlights

Diese Tabelle wird bei kleineren Displays abgeschnitten.
Wenn ich das Browserfenster verkleinere; auch mit dem Smatrphone..
Gibt es eine Möglichkeit, diese auf 100% Breite festzulegen und alles darüber hinaus solll dann immer untereinander dargestellt werden? Oder am besten jede Spalte bei kleinen Displays untereinander?

 

[Sentence]

Du solltest auf Tabellen verzichten und ein grid layout wählen.

Tabellen lassen sich nicht umbrechen, sonst wäre der Sinn hinter der Tabelle ja dahin.

MfG

 

[masterofwong]

ok jetzt bin ich vielleicht einen Schritt weiter.

1.
Ohne Tabellen habe ich einen Mustertext eingefügt.
Aber diese setzen sich auch nciht untereinander und der Text bleibt an fixer position und verschiebt sich ineinander.
http://gutschn.de/index.php/component/content/article/8-yt-sample-data/92-test3

2. Mit einzelnen Tabellen mit jeweils Float left: http://gutschn.de/index.php/angebot/83-preorder-pc-highlights

 

[Cheffchen]

Hallo,

las das mit position, das brauchst nicht, damit machst das nur schwerer wie jetzt.
wenn das gelöscht hast schau dir "media query" an da kannst sagen: kleiner als 800px fensterbreiet mach css das.

also das zb <800px die sachen nicht neben sondern untereinnander stehen.

Cheffchen