CSS-»Faux Columns« bzw. »Unechte Spalten« auf deutsch

Unechte SpaltenImmer wieder ein Klassiker: Die Frage, wie man mit CSS zwei gleich lange nebeneinander stehende Spalten realisieren kann.

Die Antwort: eigentlich gar nicht! Für die Lösung muss getrickst werden.

Einen Weg zeigt der Artikel Faux Columns von Dan Cederholm bei A List Apart.

byteshift, eine Webdesign-Agentur aus Berlin hat den Artikel ins Deutsche übersetzt:

Er ist hier unter dem Titel “Unechte Spalten” zu finden »


Kommentare & Trackbacks

  1. Kommentar von Gabi:

    Gravatar von Gabi

    Ein feiner Trick – darauf bin vor etwa einem Jahr ich auch mal selbst gekommen, als für myblog tabellenlose Layouts gebastelt habe. Von Hacks habe ich Abstand genommen, weil sie mir einerseits zu verwirrend sind und andererseits zu unsicher und immer mit margin gearbeitet.

  2. Trackback: 123 Blog:

    Gravatar von 123 Blog

    CSS Faux Columns…

    Früher oder später kommt jeder Webdesigner auf die Idee zwei Spalten mit verschieden grossem Inhalt auf die gleiche Höhe zu strecken. Dies ist mit CSS allerdings nur mit einigen Tricks möglich….

  3. Kommentar von Anke Richter:

    Gravatar von Anke Richter

    Mit Hacks habe ich auch eine Zeit lang gearbeitet, nun aber auch schon lange nicht mehr, das wollt nicht so wie ich, :-(
    LG Anke

  4. Kommentar von Daniel:

    Gravatar von Daniel

    Alternativ könntest Du die Höhen über JS setzen, ist aber ebenfalls nicht der “Weisheit letzter Schluss”.
    btw. Schöne Seite, hab dich mal gebookmarkt…
    Gruss Daniel

  5. Pingback: HTML-Probleme - TP Hilfe Forum:

    Gravatar von HTML-Probleme – TP Hilfe Forum

    [...] hallo, bin nach langer zeit auch mal wieder da :P 1. da würd ich als erstes mal mit text-align ausprobieren, vielleicht hast du dies ja auch schon. ein quelltext würde mehr aufschluss bringen… 2. http://die.netzspielwiese.de/blog/cs…en-auf-deutsch gruss bona __________________ gruss bona http://www.elbona.chhttp://www.myh.chhttp://www.patriziakeller.chhttp://www.funclubspecial.org Never wrestle with a pig, because you both get dirty, but the pig likes it! [...]

  6. Pingback: Probleme mit faux columns in DIVs - PSD-Tutorials.de - Forum:

    Gravatar von Probleme mit faux columns in DIVs – PSD-Tutorials.de – Forum

    [...] AW: Probleme mit faux columns in DIVs schau mal hier, vielleicht hilft dir das weiter faux columns ? CSS-»Faux Columns« bzw. »Unechte Spalten« auf deutsch » die Netzspielwiese [...]

  7. Pingback: Kein Innenabstand im Layout - html.de Forum - HTML für Anfänger & Fortgeschrittene:

    Gravatar von Kein Innenabstand im Layout – html.de Forum – HTML für Anfänger & Fortgeschrittene

    [...] der Navi kein weißer Streifen ist. Im Inet habe ich nachgeschaut und bin auf folgendes gestoßen: CSS-»Faux Columns« bzw. »Unechte Spalten« auf deutsch » die Netzspielwiese Habs mir durchgelesen und es dann erstmal auf meine Art "gefixt" mal sehen wie es in der [...]

  8. Pingback: div layout - html.de Forum - HTML für Anfänger & Fortgeschrittene:

    Gravatar von div layout – html.de Forum – HTML für Anfänger & Fortgeschrittene

    [...] sogenannten Faux Columns, mit all seinen Vor- und Nachteilen. A List Apart: Articles: Faux Columns CSS-»Faux Columns« bzw. »Unechte Spalten« auf deutsch » die Netzspielwiese [...]

  9. Kommentar von Lucas:

    Gravatar von Lucas

    Hallo, wollte euch mal diese Lösung hier empfehlen:

    http://webstylez.net/Floatende-Divs-gleich-hoch-machen/

    Bin eben drauf gestoßen. Da ist das schön gelöst, ohne Hintergrundbilder zu verschandeln.

    Liebe Grüße :)

Kommentar schreiben

* Pflichtfelder