Struppi: Tabellenlayout mit CSS nachbilden

Beitrag lesen

SELF-Forum

Tabellenlayout mit CSS nachbilden

Struppi Homepage des Autors
– Informationen zu den Bewertungsregeln

aus seinen Anfängen kennt wohl jeder die rasche Layoutlösung mit Tabellen. Wie bilde ich das mit CSS nach?

Schwierig. Es gibt zwar einige CSS Eigenschaften, um Elemente wie Tabellenelemente anzuordnen. Die funktionieren aber z.T. nicht in allen Browsern und das Layout ist häufig instabil.

CSS ist einfach nicht dafür vorgesehen ein reines Tabellenlayout abzubilden, es eignet sich besser für ein Boxlayout. Du hast Bereiche (Boxen) die sich auf der zu Verfügung stehenden Fläche anordnen.

Wenn du unbedingt ein Tabellenlayout nutzen willst, ist es meiner Meinung eine Überlegung Wert auch Tabellen zu nutzen. Dafür wurden sie einst auch entwickelt. Sie haben den Vorteil, dass dein Raster stabil ist und in allen Browsern auch stabil angezeigt wird.

<p style="width:100%;">
<img src="<?php echo CW_ROOT_HTML; ?>/includes/images/icons/application_add.png" /> Neues Mitglied anlegen
<img src="<?php echo CW_ROOT_HTML; ?>/includes/images/icons/application_edit.png" /> Mitglied editieren
<img src="<?php echo CW_ROOT_HTML; ?>/includes/images/icons/application_delete.png" /> Mitglied löschen
</p>


>   
> Alles wird links hintereinander weg geschrieben. Kann ich das nicht auf die ganze Breite strecken?  
  
Doch, wenn du die Elemente floatest und in deinem Fall z.b. 33% breit machst. width:100% ist bei Blockelementen, die nicht gefloatet oder absolut positioniert sind, überflüssig  
  
Struppi.
Beitrag melden
–
Informationen zu den Bewertungsregeln