Hi zusammen,
will vom Tabellen-Design loskommen (SUMA) und eine Tabellenartige-Auflistung per CSS darstellen.
Beim FF klappts wunderbar.
IE brauch erstmal einen Fix, damit die Zellen in einer Zeile dargestellt werden.
Nun hab ich noch ein Problem mit der Zellenhöhe, die soll bei allen Zellen gleich sein.
Mein Ansatz bisher:
<style type="text/css" media="screen">
.table {
margin-bottom: 4px;
display:table;
}
.row {
display: table-row;
}
.cell {
background-color: #E7EBF4;
border: solid 1px #869CC1;
border-right: solid 3px #869CC1;
display: table-cell;
width: 90px;
}
* html .cell {
float: left;
}
</style>
<div class="table">
<div class="row">
<div class="cell">Altenburg</div>
<div class="cell">Hotel Astor</div>
<div class="cell">Bahnhofstraße</div>
<div class="cell">2008-07-12</div>
<div class="cell">10:00 - 17:00 Uhr</div>
</div>
</div>
Eventuell kann mir hier jemand weiter helfen?
Viele Grüße,
Benedikt