Sascha Ahlers
Legendäres Mitglied
Hallo,
ich versuche auf Tabellen zu verzichten, bei dem ersten Versuch stellte ich schon fest, dass die unterschiede zwischen den "display"-Anweisungen doch erheblich sein können.
display: inline-table ist einer dieser schwierigen Fälle, im Opera geschieht genau das erwartete, doch bei MSIE 6.0 SP2 und Mozilla Firefox 1.0.6 werden die Element nur untereinander angeordnet....
Hat sonst jemanden Erfahrungen gesammelt um Listenelemente in einer weiterführenden Tabellenform darzustellen? In der Form, wie man immer in Tabellen von Bilder-Galerien vorfindet.
Bisher habe ich es damit gelöst, dass ich die Liste als "display: inline;" darstelle, ist aber nicht 100% das, was ich gerne hätte, dabei möchte ich aber auf die überliche Tabellenmethode verzichten. Ich könnte es wohl mit Div's darstellen nur, dazu müsste ich diese auch verschachteln, wie eine Tabelle und das ist nicht Sinn der Sache, da die Bilder auf der Seite immerhin eine Art Auflistung darstellen.
CODE ul.pics, ul.pics-list {
margin: 0;
padding: 0;
}
ul.pics li, ul.pics-list li {
display: inline-table;
list-style: none inside;
margin: 5px;
text-align: center;
vertical-align: middle;
padding: 0;
width: 105px;
height: 110px;
}
MfG Sascha Ahlers
PS: Ups, ist vielleicht der falsche Bereich.
ich versuche auf Tabellen zu verzichten, bei dem ersten Versuch stellte ich schon fest, dass die unterschiede zwischen den "display"-Anweisungen doch erheblich sein können.
display: inline-table ist einer dieser schwierigen Fälle, im Opera geschieht genau das erwartete, doch bei MSIE 6.0 SP2 und Mozilla Firefox 1.0.6 werden die Element nur untereinander angeordnet....
Hat sonst jemanden Erfahrungen gesammelt um Listenelemente in einer weiterführenden Tabellenform darzustellen? In der Form, wie man immer in Tabellen von Bilder-Galerien vorfindet.
Bisher habe ich es damit gelöst, dass ich die Liste als "display: inline;" darstelle, ist aber nicht 100% das, was ich gerne hätte, dabei möchte ich aber auf die überliche Tabellenmethode verzichten. Ich könnte es wohl mit Div's darstellen nur, dazu müsste ich diese auch verschachteln, wie eine Tabelle und das ist nicht Sinn der Sache, da die Bilder auf der Seite immerhin eine Art Auflistung darstellen.
CODE ul.pics, ul.pics-list {
margin: 0;
padding: 0;
}
ul.pics li, ul.pics-list li {
display: inline-table;
list-style: none inside;
margin: 5px;
text-align: center;
vertical-align: middle;
padding: 0;
width: 105px;
height: 110px;
}
MfG Sascha Ahlers
PS: Ups, ist vielleicht der falsche Bereich.