Problem mit Breite einer Tabellenspalte

[Rolf B]

Hallo Linuchs,

Wie kann ich den Viewport (50cm) voll nutzen, aber die Tabelle, zumindest den linken Teil in td auch auf kleinen Viewports sehen?

Hm. Wirklich breitenlimitieren kann man eine Tabellenspalte scheinbar nur, wenn der Inhalt noch in ein div gepackt wird und man sowohl dem td als auch dem div eine Breite gibt.

Wenn man dann den td, die in der Breite limitiert werden sollen, eine Klasse gibt und eine Media Query verwendet (hinter den übrigen td Styles!)

@media (max-width: 40em) {
  body { background: #ddd; } /* nur als Marker, dass die Query aktiv wurde */
  table.positionen td.limit-width  { width: 10em; }
  table.positionen td.limit-width div { width: 10em; }
 
}

passiert zumindest etwas. Ob es das ist, was Du willst, ist eine andere Frage.

Dein tr > sollte überflüssig sein, ein td muss eh immer in einem tr stehen. Wenn Du dagegen Tabellen geschachtelt hast, muss man die Selektoren präziser machen dann aber mit table > tbody > tr > td... (yup, tbody, auch wenn Du keinen im HTML notiert hast, ist er trotzdem da)

Rolf