Unterschiedliche Darstellung aufeinanderfolgeneder Tabellen verhindern?
Hi Leute,
ich möchte in einer Personenauflistung zum Titel, dem Namen und der Adresse einer Person auch ein Bild darstellen.
Dies habe ich im Moment per Tabelle gelöst:
Die einzelnen Einträge sollen solange sie in der Breite passen nebeneinander dargestellt werden - und wenn das Ende des Fensters erreicht ist in die nächste Zeile umgebrochen werden. Also so, als wären die einzelnen Tabellen Worte in einem Fließtext.
In Firefox funktioniert das auch so, wie ich mir das vorstelle - leider aber weder im IE 6 noch im IE 7. Dort wird alles in eine Zeile geschrieben...
http://www.lgef.de/tabellentest.asp
Erst hatte ich die Stylesheets zur restlichen Gestalltung der Seite in Verdacht - aber auch gänzlich ohne CSS verhalten sich die 2 IE Versionen wie geschildert
Gibt es einen Weg, das zu verhindern?
Ich habe es mit einem Umbruch <br> nach der 2. Tabelle probiert, um so zumindest eine Tabelle mit 2 Spalten zu bekommen - aber das hat im IE nur bewirkt, dass die nächste Peron eine Zeile niedrieger angezeigt wurde, nicht aber unter der ersten...
Auch eine Version mit Stylesheet habe ich schon probiert - allerdings habe ich damit NUR eine einspaltige Darstellung mit allen Personen untereinandern hinbekommen. Weder eine feste (z.B. 2) oder eine flexible Anzahl Einträge in einer Zeile...
Ciao
dirk
ich möchte in einer Personenauflistung zum Titel, dem Namen und der Adresse einer Person auch ein Bild darstellen.
Dies habe ich im Moment per Tabelle gelöst:
<table align='left' width='350' height='250'>
<tr>
<th colspan=2><b>Person 2</b></th>
</tr>
<tr>
<td valign='top' width='170'><img src='dummy.jpg'><br><br></td>
<td valign='top'><P>
<br><b>Vorname Name</b>
<FONT SIZE=-1><br>Straße Hausnummer
<br>PLZ Ort
<br>Telefonnummer
<br>Faxnummer
<br>E-Mail
</P>
</td>
</tr>
</table>
Die einzelnen Einträge sollen solange sie in der Breite passen nebeneinander dargestellt werden - und wenn das Ende des Fensters erreicht ist in die nächste Zeile umgebrochen werden. Also so, als wären die einzelnen Tabellen Worte in einem Fließtext.
In Firefox funktioniert das auch so, wie ich mir das vorstelle - leider aber weder im IE 6 noch im IE 7. Dort wird alles in eine Zeile geschrieben...
http://www.lgef.de/tabellentest.asp
Erst hatte ich die Stylesheets zur restlichen Gestalltung der Seite in Verdacht - aber auch gänzlich ohne CSS verhalten sich die 2 IE Versionen wie geschildert
Gibt es einen Weg, das zu verhindern?
Ich habe es mit einem Umbruch <br> nach der 2. Tabelle probiert, um so zumindest eine Tabelle mit 2 Spalten zu bekommen - aber das hat im IE nur bewirkt, dass die nächste Peron eine Zeile niedrieger angezeigt wurde, nicht aber unter der ersten...
Auch eine Version mit Stylesheet habe ich schon probiert - allerdings habe ich damit NUR eine einspaltige Darstellung mit allen Personen untereinandern hinbekommen. Weder eine feste (z.B. 2) oder eine flexible Anzahl Einträge in einer Zeile...
Ciao
dirk
Please also mark the comments that contributed to the solution of the article
Content-Key: 138870
Url: https://administrator.de/contentid/138870
Printed on: April 20, 2024 at 02:04 o'clock
2 Comments
Latest comment
Hallo Dirk
Eine Tabelle ist kein Design Element !
Ich würde es ganz anders machen, mit einer Definitionsliste (<dl>), etwa so:So ungefähr könnte das dann aussehen.
Durch die floats wird das entsprechende Element von dem nachfolgendem umflossen - etwa wie die Bilder in der Zeitung - Bild links, Text rechts daneben und dann unten drunter. Folgen nach dem fliessendem Element weitere fliessende Elemente, so Reichen diese sich auf bis sie nicht mehr in die Reiche passen und brechen dann automatisch um - so wie von dir gewünscht.
Schau dir dazu auch auch clear an.
~Arano
Eine Tabelle ist kein Design Element !
Ich würde es ganz anders machen, mit einer Definitionsliste (<dl>), etwa so:
<dl style="float:left; width:300px; height:220px;">
<dt>
Vorname, Nachname
</dt>
<dd>
<img style="float:left; width:170px; height:200px">
Str<br>
Ort<br>
Tele<br>
Fax<br>
E-Mail<br>
</dd>
</dl>
Durch die floats wird das entsprechende Element von dem nachfolgendem umflossen - etwa wie die Bilder in der Zeitung - Bild links, Text rechts daneben und dann unten drunter. Folgen nach dem fliessendem Element weitere fliessende Elemente, so Reichen diese sich auf bis sie nicht mehr in die Reiche passen und brechen dann automatisch um - so wie von dir gewünscht.
Schau dir dazu auch auch clear an.
~Arano