Druckbare Version
Hallo,
ich möchte gerne, wenn wenn ein langer Text im "main"-Bereich angezeigt wird und der "main"-Bereich sich nach unten vergrößert,
das mein "left"-Bereich sich auch vergrößert.
Ich habe dort im CSS "max-height" eingegeben, das funktioniert aber nicht, wer kann mir helfen.
Gruß kleppi
Hallo kleppi,
"Faux Columns" ist das Stichwort für die Suche entweder hier im Forum oder bei der Suchmaschine Deines Vertrauens.
hi xchs,
danke für deinen Hinweis, habe gerade gegoogled, das muß ich mir in Ruhe ansehen.
Habe leider gedacht, das dies eine einfache Sache ist.
schönes Wochenende
kleppi
muss sich left tatsächlich vergrößern?
oder geht es evtl. nur um z.b. die Hintergrundfarbe?
weil dann kannst du einfach den container ansprechen mit #container
im container sind left, main und right--> der container ist immer so hoch wie die höchste Spalte
schau mal ob dir das was hilft:)
Hallo t3g,
im Prinzip muß sicht "left" nicht vergrößern, es geht nur um die Hintergrundfarbe, das es so optisch besser aussieht.
Vieleicht hast du ja noch eine einfache Lösung.
Gruß kleppi
Jap. Hinterlege einfach dem "#container" eine Grafik die die linke Spalte mit einer Farbe ausfüllt. Habs erst heute wieder gebraucht und funktioniert super.
Hi jared,
ich habe das verstanden, nur hätte ich gerne zwischen "left" und "main" eine Abgrenzung in einer anderen Farbe.
Hast du dazu noch eine gute Idee.
bis morgen kleppi
Pack es auch in die Grafik?
Wie wäre es mit einer Hintergrundgrafik im body - eine horizontale, farblich zweigeteilte Linie mit repeat-y? So habe ich es bei mir momentan gelöst.
Gruß
Gidian
oder man gibt dem #main einen linken border in der farbe und dicke, wie mans eben will:)
vorraussetzung hierfür ist aber, dass main immer mindestens so groß ist wie #left!
hm oder man könnte das ganze auf die spitze treiben und #left einen rechten rand geben und #main einen linken und man gibt #main ein negatives margin-left so groß wie der border ist... könnte auch gehn... hab ich aber noch nicht getestet...! evtl. muss man dann mit dem z-index no spielen ?!?
ich spar mir immer gern grafiken... :)
Hallo allerseits,
vielen Dank für eure Tipps, ich denke ich komme jetzt weiter.
Gruß kleppi
@t3g
ich spare mir auch gerne grafiken! aber es gibt einen unterschied zwischen "best practice" und "nice to have" ;) wenn ich weiss das der IE probleme mit z-index und negativen margins hat, dann nehm ich lieber ne grafik!
Möchte mich hier mal einklinken.
Bei mir ist es ebenfalls so, dass in #left eine kleine Navigation ist und #left oft nicht die gleiche Größe wie #main hat.
Zusätzlich kommt hinzu, dass der Hintergrund in #left perr css-Definition einen Farbverlauf ins Schwarze hat (-135deg).
Diesen Effekt kann in mit einer einfachen Grafik nicht erreichen. Jedenfalls wüsste ich nicht wie.
Bleibt also die Frage, wie ich #left auf gleiche Höhe bekommen wie #main UND meinen Hintergrund samt Farbverlauf beibehalte.
Hier mal der css-Code:
Code:#left {
background-color:#00B233;
background:-moz-linear-gradient(-135deg,#00B233,#00B233,#00B233,#000000);
background:-webkit-gradient(linear,100% 0%,0% 100%,color-stop(0,#00B233),color-stop(0.33,#00B233),color-stop(0.66,#00B233),color-stop(1,#000000));
background:-o-linear-gradient(-135deg,#00B233,#00B233,#00B233,#000000);
background:linear-gradient(-135deg,#00B233,#00B233,#00B233,#000000);
-pie-background:linear-gradient(-135deg,#00B233,#00B233,#00B233,#000000);
behavior:url("plugins/css3pie/PIE.htc"); }
Das würde mich auch interessieren. Ich habe auch bei #left und #main verschiedene Farbverläufe und runde Ecken.
Trotzdem soll #left immer so hoch sein wie #main und umgekehrt. Wie kann man das lösen?
Mit CSS only zB so: http://www.inspiredminds.at/de/artik...purem-css.html
Ansonsten mit JavaScript (ist sicher die einfachere Variante).