HowDoWeDoThis: Komplizierte CSS Situation

Beitrag lesen

Servus,

ich hab eine etwas komplizierte CSS Situation.

Oben ein div, darunter links und rechts je ein div, die die gleiche Breite (nämlich 100%) einnehmen, wie das übergelagerte. A ist das übergelagerte, B das linke untere und C das rechte.

http://img690.imageshack.us/img690/2944/cssi.png

Das Problem ist, dass der Inhalt von C erst während der Erstellung der Site generiert wird und sich stark ändern kann. Mal ist es weniger von der Höhe als B, mal weit mehr. Ich möchte aber, dass B die gleich Höhe annimmt, wie C. Wenn ich B und C in ein weiteres div packe und B auf height:100%; packe, geht das nicht. Wie stelle ich das an?

2tes Problem: A liegt direkt auf B und C. Das heißt die Border berühren sich. Ich muss die Border nun so einstellen, dass der untere Border von A 8bb451 ist, zumindest dort wo sich C drunter befindet. Wo sich B drunter befindet soll kein Border hin. Sozusagen ist B eine Fortführung von A - deshalb darf dort nicht mit Border getrennt werden - hierzu fällt mir keine Lösung ein.

3tens: Zwischen A und B&C liegt derzeit noch ein großer Absatz, den ich nicht wegbekomme. Ich weiß, dass div ein \n erzeugt, aber wenn ich span nehme, geht es auch nicht. Was kann ich tun, damit die direkt aufeinander liegen?

Vielen Dank ;)