Liste mit CSS erstellen

[MarieLouise]

Hallo zusammen,

ich würde mir sehr gerne eine Liste mit Hilfe der aktuellsten Web-Technologie (afaik CSS) bauen die so vielen Browsern wie möglich identisch angezeigt wird.
Da ich eigentlich nur Anwenderin bin und mit Programmieren sehr wenig am Hut habe wäre es wirklich toll wenn mir jemand ein derartiges Programmgerüst zeigen könnte :)

Es geht um eine Liste mit einer Kopfzeile z.B.

Name Wohnort Fahrzeug

und einer beliebigen Anzahl von Einträgen die ich dann selbst einfügen kann:

Franz Wien Audi
Peter Berlin BMW

Vielleicht kann mir ja jemand helfen, das wäre wirklich spitze !!!

Danke euch
Marie

 

[Frank]

Ich denke die beste Variante, eine einigermaßen einheitlich Liste zu erstellen, wäre die möglichkeit, mit divs zu arbeiten.

Css wird in den meisten Browsern gleich interpretiert und müsste somit eine gute Grundlage bieten.

Ein beispielcode könnte so aussehen
CSS

.kopfzeile
{
font-weight: bold;
float:left;
width:200px;
}

._kopfzeile
{
font-weight: bold;
width:200px;
margin-bottom:18px;
}

.liste
{
float:left;
width:200px;
}

._liste
{
width:200px;
}

HTML

<div class="kopfzeile">Name</div>
<div class="kopfzeile">Wohnort</div>
<div class="_kopfzeile">Fahrzeug</div>

<div class="liste">Mustermann</div>
<div class="liste">Musterhausen</div>
<div class="_liste">Mustermobil</div>

<div class="liste">Mustermann</div>
<div class="liste">Musterhausen</div>
<div class="_liste">Mustermobil</div>

<div class="liste">Mustermann</div>
<div class="liste">Musterhausen</div>
<div class="_liste">Mustermobil</div>

 

[MarieLouise]

Suuuper, ganz herzlichen Dank !
Ich denke das hilft mir wirklich weiter.

Wenn ich jetzt 2 Tabellen mit diesen div's formatiere sehen die immer gleich aus ?

 

[Frank]

ja (mindestlänge)

 

[ingoS]

So ein Unsinn!
Wenn du eine Tabelle möchtest, musst du natürlich auch eine Tabelle verwenden. Nur Tabellen zu Designzwecken sind tabu!
Kannst also ganz normal mit <table>, <tr> und <td> arbeiten.

 

[Gawan]

Ich hab das gleiche Problem und komme auch zu keinem Ergebnis, egal womir ich arbeite

 

[Hirni159]

<table width="250px" style="border:1px;">
  <tr>
    <td>Name</td>
    <td>Wohnort</td>
    <td>Fahrzeug</td>
  </tr>
  <tr>
    <td>Franz</td>
    <td>Wien</td>
    <td>Audi</td>
  </tr>
  <tr>
    <td>Peter</td>
    <td>Berlin</td>
    <td>BWM</td>
  </tr>
</table>

sowas?^^

 

[MarieLouise]

Ja, aber scrollbar, mit fixen Spaltenbreiten und mit dem gleichen grafischen Aussehen in jedem Browser.

Ich hab die Hoffnung aber schon lange aufgegeben dass das jemand kann :-|

 

[Hirni159]

 <div style="width:300px; height:100px; overflow:auto;">
  <table style="width:250px;">
    <tr> 
      <td>Name</td>
      <td>Wohnort</td>
      <td>Fahrzeug</td>
    </tr>
    <tr> 
      <td>Franz</td>
      <td>Wien</td>
      <td>Audi</td>
    </tr>
    <tr> 
      <td>Peter</td>
      <td>Berlin</td>
      <td>BWM</td>
    </tr>
    <tr> 
      <td>gsd</td>
      <td>g</td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>g</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>gg</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>sf</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>fsdf</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>sdf</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>asfsdf</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>asf</td>
      <td>fa</td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>&nbsp;</td>
      <td>f</td>
      <td>ff</td>
    </tr>
    <tr> 
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>f</td>
    </tr>
    <tr>
      <td>f</td>
      <td>f</td>
      <td>f</td>
    </tr>
  </table>
</div>

so?