Tabelle CSS

Ist folgende mit CSS und div zu realisieren:

Zwei Spalten direktnebeneinander. Hierbei soll die rechte Spalte im Quelltext zuerst stehen und die linke Spalte im Quelltext darunter. Beide müssen die gleiche Höhe beibehalten, d.h. wenn sich die rechte Spalte Höhenmässig verändert, dann soll die Höhe der linken Spalte gleich beibe. Die gesamte Tabelle soll Browserunabhängig sein und soll eine Breite haben. Beide Spalten sollen direkt aneinander anschliessen.

Ich habe mir schon ein paar Beispiele angesehen. z.B. css4you nur alle Beispiele die ich bis jetzt gefunden habe weisen einen Abstand zwischen den Spalten auf.

Wie kann ich so etwas realisieren? Hat jemand evtl. ein Quellcode oder eine Beispielseite wo man sich das mal ansehen kann?

Danke für eure Hilfe

Ronald

Sicherlich kann man sich das auch mit CSS zusammenbasteln, aber wenn du Tabellen erstellen willst, warum benutzt du denn nicht einfach die dafür vorgesehenen Tabellen-Tags des HTML ?

Wundert sich ...

Ronald

MeDoP

Code

#rechte_spalte {
  float:right;
  width:50%;
  }
#linke_spalte {
  margin-right:50%;
  }

Nun kannste auch die rechte Spalte im Quellcode als erstes notieren

sejuma

... und die automatische Längenanpassung bekommst du mit faux columns hin.

Tags

Benutzer online in diesem Thema