Vinzenz Mai: Ausrichten von bestimmten Textabschnitten

Beitrag lesen

Hallo Steve,

entweder es ist zu früh und ich steh aufm schlauch, aber ich hab ein kleines Problem:

es ist meist eine gute Idee, die geeignetesten HTML-Elemente für den Inhalt zu wählen. Das da

<br />
als schlüsselfertiges Massivhaus ab <span class="preis">107.640 €</span>
<br />
als Energiesparhaus KfW 85 ab <span class="preis">107.640 €</span>
<br />
als Ausbauhaus ab <span class="preis">69.880 €</span>

  
kann man als Preistabelle mit den Spalten Typ und Preis ansehen. In Tabellenzellen ist die Textausrichtung ganz einfach.  
  
Listenfans würden's vermutlich als Definitionsliste auszeichnen und die dt- und dd-Elemente entsprechend floaten und clearen.  
  
Für mich ist sowas eine Tabelle und ich verwende für solche Sachen \*immer\* eine Tabelle.  
  
~~~html
<table>  
    <tr>  
        <td class="typ">als schlüsselfertiges Massivhaus ab</td>  
        <td class="preis">107.640 €</td>  
    </tr>  
    <tr>  
        <td class="typ">als Energiesparhaus KfW 85 ab</td>  
        <td class="preis">107.640 €</td>  
    </tr>  
    <tr>  
        <td class="typ">als Ausbauhaus 85 ab</td>  
        <td class="preis">69.880 €</td>  
    </tr>  
</table>

und dem CSS

td.typ {  
    text-align: left;  
}  
  
td.preis {  
    text-align: right;  
}

Gib den Spalten angemessene Breiten und es sollte passen.

Freundliche Grüße

Vinzenz