Ergebnis 1 bis 15 von 15

Thema: "left" soll immer gleiche Höhe haben wie "main"

  1. #1
    Contao-Fan
    Registriert seit
    06.01.2011.
    Ort
    Hattingen
    Beiträge
    286

    Standard "left" soll immer gleiche Höhe haben wie "main"

    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

  2. #2
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.558
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo kleppi,

    "Faux Columns" ist das Stichwort für die Suche entweder hier im Forum oder bei der Suchmaschine Deines Vertrauens.
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  3. #3
    Contao-Fan
    Registriert seit
    06.01.2011.
    Ort
    Hattingen
    Beiträge
    286

    Standard

    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

  4. #4
    Contao-Nutzer
    Registriert seit
    22.11.2010.
    Beiträge
    25

    Standard

    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

  5. #5
    Contao-Fan
    Registriert seit
    06.01.2011.
    Ort
    Hattingen
    Beiträge
    286

    Standard

    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

  6. #6
    Contao-Urgestein
    Registriert seit
    07.07.2009.
    Beiträge
    4.107

    Standard

    Jap. Hinterlege einfach dem "#container" eine Grafik die die linke Spalte mit einer Farbe ausfüllt. Habs erst heute wieder gebraucht und funktioniert super.

  7. #7
    Contao-Fan
    Registriert seit
    06.01.2011.
    Ort
    Hattingen
    Beiträge
    286

    Standard

    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

  8. #8
    Contao-Urgestein
    Registriert seit
    07.07.2009.
    Beiträge
    4.107

    Standard

    Pack es auch in die Grafik?

  9. #9
    Contao-Nutzer
    Registriert seit
    30.08.2011.
    Beiträge
    54

    Standard

    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

  10. #10
    Contao-Nutzer
    Registriert seit
    22.11.2010.
    Beiträge
    25

    Standard

    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...

  11. #11
    Contao-Fan
    Registriert seit
    06.01.2011.
    Ort
    Hattingen
    Beiträge
    286

    Standard

    Hallo allerseits,

    vielen Dank für eure Tipps, ich denke ich komme jetzt weiter.

    Gruß kleppi

  12. #12
    Contao-Urgestein
    Registriert seit
    07.07.2009.
    Beiträge
    4.107

    Standard

    @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!

  13. #13
    Contao-Nutzer
    Registriert seit
    19.12.2011.
    Beiträge
    63

    Standard

    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"); }

  14. #14
    Contao-Fan
    Registriert seit
    08.12.2009.
    Beiträge
    719

    Standard

    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?

  15. #15
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.220
    Partner-ID
    10107

    Standard

    Mit CSS only zB so: http://www.inspiredminds.at/de/artik...purem-css.html
    Ansonsten mit JavaScript (ist sicher die einfachere Variante).

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •