5 Stimmen

Gibt es ein einfaches 3-spaltiges, reines CSS-Layout?

Eine, die Folgendes nicht voraussetzt:

  1. Abhängigkeit von Bildern (d. h. "falsche Spalten")
  2. Irgendeine Eigenart oder ein "Hack", der speziell für den IE eingebaut wurde
  3. Erfordert, dass der IE im Quirks-Modus läuft
  4. Es gibt keine Merkwürdigkeiten wie die Überlappung eines der drei DIVs mit den anderen (d.h. "heiliger Gral")
  5. Die Ränder sind auf hohe negative Zahlen eingestellt und liegen weit außerhalb des Bildschirms (wiederum "heiliger Gral"-Layout)

Ich kann kein 3-Spalten-Layout in CSS finden, das nicht auf einem der oben genannten Elemente basiert. Und die Abhängigkeit von einem der oben genannten Punkte scheint einen Großteil der Vorteile von CSS gegenüber Tabellen zu negieren. Ich möchte nicht jedes Mal Photoshop herausholen und die Größe eines Bildes ändern müssen, wenn ich die Breite der linken Spalte ändern möchte. Und ich möchte nicht den Taschenrechner zücken müssen, um herauszufinden, wie viele Pixel vom Bildschirmrand mein DIV entfernt sein muss.

Ich sollte erwähnen, dass ich ein Layout mit gleicher Höhe anstrebe.

Irgendjemand?

EDIT: Ich suche nach einer Breite von 100%, wobei die mittlere Spalte flüssig ist.

EDIT: Ich hoffe, dass ich auch die Breite der linken und rechten Spalte in Pixeln angeben kann.

EDIT: Hintergründe können transparent sein, aber ich möchte eine Trennlinie zwischen den Spalten, die den ganzen Weg nach oben und unten verläuft.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X