Ergebnis 1 bis 4 von 4
LinkBack URL
About LinkBacks-
22-11-2010, 14:18 #1
Eroberer
- registriert
- 19-03-2009
- Beiträge
- 62
CSS3 Tabelle mit Display Table und Table-Cell
Viele Webseiten und Webmaster nutzen immer noch das veraltete Table-Tag. Es sollte darauf aufmerksam gemacht werden, dass alle aktuellen Browser (und dazu gehört der IE7 nicht) die neuen CSS3-Tags unterstützen. Für alle, die "Display Table" noch nicht kennen oder Probleme damit haben: Hier ist eine Vorlage für eine CSS3 Tabelle mit Display Table und Table-Cell.
HTML-Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <title>HTML Div-Table</title> <style type="text/css"> body{ margin:8px; padding:0px; } .bold{font-weight:bold;} .cell1, .cell2{ display:table-cell; border-color:#000000; border-style:solid; padding:15px; width:33%; } .cell1{border-width:0px 1px 1px 1px;} .cell2{border-width:0px 1px 1px 0px;} .row{ display:table-row; width:100%; } .table{ border-color:#000000; border-style:solid; border-width:1px 0px 0px 0px; display:table; width:100%; } </style> </head><body> <div class="table"><div class="row"> <div class="cell1"> <a class="bold">Thema 1.1</a><br><br> Zeile 1: Dies ist der erste Inhalt<br> Zeile 2: Hier kommt ein ganz anderer Inhalt<br> </div> <div class="cell2"> <a class="bold">Thema 2.1</a><br><br> Zeile 1: Dies ist der erste Inhalt<br> Zeile 2: Hier kommt ein ganz anderer Inhalt<br> </div> <div class="cell2"> <a class="bold">Thema 3.1</a><br><br> Zeile 1: Dies ist der erste Inhalt<br> Zeile 2: Hier kommt ein ganz anderer Inhalt<br> </div> </div><div class="row"> <div class="cell1"> <a class="bold">Thema 1.2</a><br><br> Zeile 1: Dies ist der erste Inhalt<br> Zeile 2: Hier kommt ein ganz anderer Inhalt<br> </div> <div class="cell2"> <a class="bold">Thema 2.2</a><br><br> Zeile 1: Dies ist der erste Inhalt<br> Zeile 2: Hier kommt ein ganz anderer Inhalt<br> </div> <div class="cell2"> <a class="bold">Thema 3.2</a><br><br> Zeile 1: Dies ist der erste Inhalt<br> Zeile 2: Hier kommt ein ganz anderer Inhalt<br> </div> </div><div class="row"> <div class="cell1"> <a class="bold">Thema 1.3</a><br><br> Zeile 1: Dies ist der erste Inhalt<br> Zeile 2: Hier kommt ein ganz anderer Inhalt<br> </div> <div class="cell2"> <a class="bold">Thema 2.3</a><br><br> Zeile 1: Dies ist der erste Inhalt<br> Zeile 2: Hier kommt ein ganz anderer Inhalt<br> </div> <div class="cell2"> <a class="bold">Thema 3.3</a><br><br> Zeile 1: Dies ist der erste Inhalt<br> Zeile 2: Hier kommt ein ganz anderer Inhalt<br> </div> </div></div> </body></html>
-
22-11-2010, 15:02 #2
Kaiser
- registriert
- 03-06-2010
- Beiträge
- 1.392
AW: CSS3 Tabelle mit Display Table und Table-Cell
Ich denke mal, wenn man wirklich ne Tabelle machen will, kann man den table-Tag benutzen.
Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Goethe)
-
23-11-2010, 10:24 #3
Lounge-Member
- registriert
- 18-08-2004
- Beiträge
- 14.671
AW: CSS3 Tabelle mit Display Table und Table-Cell
Sehe ich genau so. Das Table Tag ist absolut nicht veraltet, diese Aussage ist Quatsch.
-
15-09-2011, 21:52 #4
Grünschnabel
- registriert
- 12-12-2009
- Beiträge
- 4
AW: CSS3 Tabelle mit Display Table und Table-Cell
/edit
sorry das Thema ist ja uralt
!
Geändert von David10 (15-09-2011 um 21:53 Uhr) Grund: Datum übersehen
ZitierenÄhnliche Themen
-
Table
Von bandido1 im Forum JavaScriptAntworten: 0Letzter Beitrag: 22-08-2009, 14:03 -
display: table in IE
Von j_jara im Forum CSS und (X)HTMLAntworten: 2Letzter Beitrag: 28-04-2009, 19:39 -
table table table tr tr td td td {...}
Von hinkel11 im Forum CSS und (X)HTMLAntworten: 2Letzter Beitrag: 10-03-2009, 22:56 -
Tabelle in MySQL-Table?
Von Superotto im Forum JavaScriptAntworten: 9Letzter Beitrag: 13-01-2009, 00:19 -
table
Von RobertN im Forum AllgemeinesAntworten: 5Letzter Beitrag: 29-03-2002, 22:40
Lesezeichen