CSS-Frage: 2 DIVs nebeneinander gleich hoch

Bin leider kein CSS-Held, ich kann Dir aber ein paar Links geben, die vielleicht weiterhelfen:
http://de.selfhtml.org/css/layouts/index.htm
http://brunildo.org/test/index.html#lay
http://www.glish.com/css
vg

[schleim]Du bist mein ganz persönlicher Held an Hilfsbereitschaft[/schleim] :-)

Aber leider hab ich das alles schon gelesen. Es fällt mir schwer zu glauben, dass sich nicht alles, was sich mit Tabellen machen lässt, nicht auch mit CSS machen ließe. Aber die CSS-Implementierungen der Browser scheinen einem da noch öfters einen Strich durch die Rechnung zu machen.

Eine Stunde lang versuch ich's noch, dann mache ich komplizierte Layouts die nächsten 12 Monate nur noch mit Tabellen. Das klingt verbittert, bin ich aber nicht. Ich bin Pragmatiker :-).

Ein CSS Layout mit zwei Spalten und einer Mindesthöhe.

In diesem Beispiel wird gezeigt, wie man eine Box erstellen kann, die zwei Spalten besitzt, eine Mindesthöhe und wie eine Spalte "mit wächst" obwohl sich nur der Inhalt in der zweiten Spalte erweitert.

http://css.fractatulum.net/sample/layout6format.htm

Danke, flanker. Dieses Beispiel ist sehr nah dran und ähnlich gute Versuche hatte ich auch schon viele. Nur leider klappt nicht das, was ich konkret damit machen möchte, nämlich ein dreispaltiges Layout:

Wie wäre es damit http://webhost.bridgew.edu/etribou/layouts/skidoo_too/index.html ?

Geistesblitz: Wenn's mit A + B geht, müsste es auch gehen, wenn man das in eine Division AB einpackt und dann mit AB + C dasselbe macht. Gleich mal testen...

Wieso Problem? Hintergrundgrafiken direkt für das Element setzen und nicht für das Eltern-Element.

Tja, genau das versuch ich seit 2 Tagen ohne Erfolg. Wenn ich das mache funktioniert das Beispiel von fractutulum auch nicht mehr übrigens.

Das Problem ist, dass bei Mozilla das Floaten nur bis zur Größe des entsprechenden DIVs funktioniert. Wenn ich dem DIV eine Höhe von 5000px gebe, ist alles ok.

/edit: Ich habe mit Mozilla und Opera nun das gewünschte Ergebnis, aber ie spackt total rum. Das war ein sehr lehrreicher Exkurs in CSS für Fortgeschrittene, danke für die Tips und Links, aber ich werde CSS trotzdem nur für einfache Layouts einsetzen. Der Aufwand ist immens und irgendein Browser ist immer dabei, der Probleme macht.

Wenn alle gängigen Browser den Acid2 Test bestehen, versuche ich's sicher noch einmal.

Ist das nicht immer so?!

Na, das wird vermutlich noch eine Weile dauern. Gibt es denn überhaupt noch einen Browser ausser Konqueror, der den Test besteht?

Ich habe bei den hunderten von Zwischenversionen etliche gehabt, wo der ie alles ordnungsgemäß darsgestellt hat, Firefox aber nicht.

Ich glaub die Developer-Version von Safari. Opera ist auch schon sehr kurz davor.

Evtl. helfen Dir die diversen Browser-Hacks weiter:

http://standards.webmasterpro.de/index-article-CSS+Hacks.html

Nicht falsch verstehen, aber die Zeiten der Tabellen-Designs sind echt vorbei!

Sag das Microsoft :-/. Ich hätte wirklich Lust, CSS-Layouts zu machen, aber es geht einfach nicht. Niemand bezahlt mir 3 Tage Gefrickel bis das halbwegs tut und wenn doch, dann akzeptiert derjenige garantiert nicht, wenn das Layout bei bestimmten ie-Versionen komplett entgleist.

Damit Du Dir was drunter vorstellen kannst, hier die Roh-Entwürfe, um die es geht:

• CSS-Version
• Tabellen-Version

Daran hab ich echt lange dran gesessen und trotzdem hat's noch so seine kleinen Macken. Spannend wird's, wenn man die Größe des Browserfensters um die 1000 Pixel herum verändert.

Verzeih' mir die doofe Phrase, aber: Übung macht den Meister. ;-) Es gibt unzählige Beispiele für komplexe tabellefreie Designs - Bsp: www.lycos.de

Ich habe derzeit leider keinen IE griffbereit, aber im FF scheint es doch zu funktionieren, oder? Dann sollte man das auch für den IE schaffen. Schaue Dir mal die o.g. Browser-Hacks an, die helfen Dir weiter - insbesondere den Stern-Hack: http://standards.webmasterpro.de/index-article-CSS+Hacks.html#hack4