Nein, haben sich nie angepasst und ist immer eine Laufleiste gekommen! Aber hast du nicht den Code für die dynamische Tabelle von mir schon im Projekt eingefügt gehabt? Im anderen Forum ist ein Tutorial enthalten.

Bitte zeigen!

Irgendwann ist das Skript auch an seinen Grenzen angelangt. Kommt auf den eingefügten Text an. Du kannst nur versuchen den "STROM" in 2 Zeilen zu schreiben ob es dann besser wird.

(It > De) ... Sie haben meine Codes verwendet, um die "elastische" Tabelle zu erhalten, aber Sie haben sie falsch eingegeben.
Also musst du zuerst den Fehler korrigieren und dann wirst du sehen ...
... das ist der Fehler:
<style> table {word-break: break-word;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
</style>
... und so muss es sein:
</style>
<style> table {word-break: break-word;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
...
... wenn Sie repariert haben, warnen ...

ciao

.

So ich bleibe mal bei dem Tabellenthema hier sonst kommt man mit dem anderen Thema durcheinander.

Hier ist ein Bild mit dem Code oben

die Tabelle wird da komplett zerhauen und nicht responsiv angepasst

Tabletansicht geht nicht aber kleinere Ansicht wird es so hässlich.

Den Code habe ich bei den Seiteneigenschaften eingefügt

und hier ist der ganze Codeinhalt Sternzelte

>>  sternzelt.html   ...Fehler...

... den Fehler entfernen und meinen Code durch diesen anderen Code ersetzen,
... offensichtlich geklebt werden   out oder unter dem </style> -Tag, das Sie bereits verwenden:

<style> table {word-break: break-all;} table img{width:100%} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>

.

Jetzt habe ich alles so gemacht. aber jetzt sind bei der Tabelle Sternzelt (kleine Ansicht)

die Tabelle nicht verkleinert sondern der Text verschoben und die Icons in der Spalte viel zu groß und dadurch verpixelt

www.zeltsysteme-goebel.de/test2/sternzelt.html

Also die Bilder hatten alle die gleichen Maße.

Mit dem neuen Code sind die Bilder wieder normal, danke.

Jedoch sieht die Tabelle immer noch nicht schön aus (Bild)

Kann man nicht einfach einstellen das die Tabelle (Schrift) einfach nur bei jedem Breakpoint kleiner wird und nicht das sich der Text verschiebt?

Wenn du willst, dass sich die Schrift auch verkleinert musst du es als Bild abspeichern und in ein BildObjekt geben. Anders geht es nicht!

Ja das stimmt schon, aber die Tabelle muss ja sein in diesem Fall. Anders wüsste ich nicht das zu machen.

Als Bild wäre eine Idee, aber das wollte ich nicht unbedingt. Denn wenn sich Daten ändern, muss man ständig das Bild neu machen und wieder einfügen usw. und das Problem mit gleichen Dateinnamen kennen wir ja mitlerweile

Wie würdet ihr diese Tabelle hier aufteilen?

Registerkarten wäre eine Möglichkeit oder?

https://zeltsysteme-goebel.de/rollup.html

Dann kann aber kein Kunde mehr die Daten in der Tabelle lesen.
und wenn du sagst Mobilansicht ist sehr wichtig, dann wäre das nicht so gut

Was spricht eigentlich dagegen bei der Grundvariante mit Scrollbalken. Es gibt schon einen Grund wieso INCO dies so gelöst hat, um auch im mobilen Teil alle Daten gut lesbar zu halten und Originalgetreu wie am Desktop wiedergibt.

Ich habe es bei einem Projekt von mir auch nicht anders lösen können und deshalb gelassen per Code zu verändern.

... letzter Schritt, Schritt;   ... ersetzen mit:

<style> @media (max-width: 479px) { table *{font-size:9pt !important;word-break: break-all !important;padding:0px !important;margin:0px !important}} 
@media (max-width: 960px) { table {word-break: break-word ;} table img{width:100%; max-width:55px !important}}
@media (max-width: 959px) {#imContent { display: block; }}</style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>

.