zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Tabelle responsive machen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.01.2016, 23:24
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.07.2011
Beiträge: 80
axelf befindet sich auf einem aufstrebenden Ast
Standard Tabelle responsive machen

Hi,

eine Tabelle soll sich folgendermßen verhalten:

Code:
| xxxxxxxxxx | xxxxx | xxxxx |

soll auf einem kleinen Display werden zu:

| xxxxxxxxxxxxx |
| xxxxx | xxxxx |
Aus den 3 Zellen nebeneinander soll sich die erste Zelle über die volle Breite erstrecken und die beiden anderen Zellen jeweils 50%. Hat da jemand einen Ansatz dafür? Ich habe meist nur Beispiele gefunden, wo dann alle Zellen untereinander angeordnet sind.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.01.2016, 00:04
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Deine Problembeschreibung spricht dafür, dass du die Tabelle zum Layouten mißbrauchst. Tabellendaten sind für dein Problem nicht geeignet. Von daher gibt es nur mit CSS keine Lösung.

Du solltest statt dessen zu geeigneten Elementen greifen. Welche das sind läßt sich ohne den Inhalt zu kennen nicht sagen.

Gruss

MrMurphy
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.01.2016, 02:03
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.07.2011
Beiträge: 80
axelf befindet sich auf einem aufstrebenden Ast
Standard

Hi,

ich wollte die Inhalte aus einem Warenkorb darstellen und die Tabelle hatte ich nur genutzt, da mir keine andere Lösung eingefallen ist. Grundsätzlich wäre aber meiner Meinung nach für einen Warenkorb eine Tabellendarstellung denkbar.

Trotzdem danke für den Anstoß.
Habe nun doch eine Lösung gefunden, die ohne Tabelle auskommst und meine Darstellung wie vorher beschrieben darstellt. Hauptproblem war die Darstellung der Begrenzungslinien. Die Bereiche sollten alle bündig abschliessen, egal wie viel Inhalt sich darin befindet
Mit Zitat antworten
  #4 (permalink)  
Alt 26.01.2016, 08:31
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Als Hinweis hier nur: Tabellen responsive zu machen ist nicht gerade einfach, aber nicht unmöglich. Man kann auch einzelnen td-Elementen ein flaot: left/right oder ähnliches zuweisen, damit würde sich auch dein oben genanntes Problem lösen lassen.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Aktuelle Größe von Tabelle bekommen (dynamische Erzeugung der Tabelle) internet (X)HTML 17 03.12.2014 10:05
Tabelle + Inhalt max-width 100%, trotzdem nicht responsive? stockdiv CSS 2 25.08.2014 12:24
Kundeninteresse an Responsive Layout heiko_rs Offtopic 18 24.05.2013 14:37
Mysql: Tabelle Ordnen, nach Integer Werten (timestamp) oder Zeitformaten? braindead Serveradministration und serverseitige Scripte 8 14.03.2007 21:21
FF: Tabelle in Tabelle centern wuschba CSS 2 20.07.2006 11:00


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:32 Uhr.