Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: Gleichlange Spalten

    Paul1972

    • Neu im Forum
    • Beiträge: 7
    Gleichlange Spalten
    am: 11. Februar 2009, 21:44:16
    Hallo,

    ich habe das Template auf zweispaltig umgestellt, und möchte zwischen den linken Boxen und dem Content eine Linie setzen. Leider ist sie immer unterschiedlich lang, je nachdem ob der Content oder die linken Boxen länger sind. Dies sieht natürlich unschön aus, gibt es jemanden der dieses Problem schon mal gelöst hat und wenn ja wie ?

    Vielen Dank !



    Linkback: https://www.modified-shop.org/forum/index.php?topic=271.0

    Anonym

    • Gast
    Gleichlange Spalten
    Antwort #1 am: 11. Februar 2009, 22:00:11
    Ohne Link oder Screen ist das helfen hier nur raten....

    Paul1972

    • Neu im Forum
    • Beiträge: 7
    Gleichlange Spalten
    Antwort #2 am: 11. Februar 2009, 22:22:59
    Hallo,

    danke erst mal. Anbei ein Bild wie ich es meine. In diesem Fall ist der Content kürzer als die linken Boxen. Bei einfachem "Linie links" in der Stylesheet #content würde die Linie zu kurz sein. Die unteren Boxen links wären ohne diese Linie. Andersrum sieht es aus wenn der Content (z.b. Artikelübersicht) länger wäre als die Boxen. Dabei wäre bei einfachem "Linie rechts" in der Stylesheet #leftcol der untere Teil des Contents ohne Linie.

      [ Für Gäste sind keine Dateianhänge sichtbar ]

    Paul1972

    • Neu im Forum
    • Beiträge: 7
    Gleichlange Spalten
    Antwort #3 am: 11. Februar 2009, 22:25:57
    Hallo nochmal,

    es würde sich wohl um das "Faux Columns" handeln, ich bin aber zu unwissend wie ich es in das Template einbinde.

    Anonym

    • Gast
    Gleichlange Spalten
    Antwort #4 am: 12. Februar 2009, 00:52:31
    Hi...

    Der Ansatz ist richtig. ABER ... Bei Div basierenden Layouts ist es anderes als bei Tabellen. Der Div in der Mitte hat nur eine bestimmte höhe ( frei vom Rest ).

    Ich würde folgendes machen. Beim content DIV würde ich mit height und min-height arbeiten. So ist sichergestellt das der Div in der Mitte ( Länge musst Du ausprobieren ) immer mindestens so hoch ist wie die linke Seite und wenn die Mitte länger ist, dann wir der Div automatisch verlängert.

    Hier der Code

    Code: PHP  [Auswählen]

    #test {

     min-height:300px;
     height:auto !important;  /* für moderne Browser */
     height:300px;  /*für den IE */                               

    }
     

    Paul1972

    • Neu im Forum
    • Beiträge: 7
    Gleichlange Spalten
    Antwort #5 am: 12. Februar 2009, 21:13:17
    Hallo,

    besten Dank ! Habe es eben mal schnell in die Stylesheet kopiert.
    height:300px;  /*für den IE */ habe ich erst mal erhöht und siehe da es funktioniert !
    Werde mal am Wochenende die besten Wert austüfteln.
    Mit Deinem Tip ist es ja egal ob ich die Trennlinie links ans Content anbinde oder rechts an die Boxen ?

    Noch mal besten Dank !!

    Anonym

    • Gast
    Gleichlange Spalten
    Antwort #6 am: 12. Februar 2009, 23:11:15
    Hi...

    Nein Du musst Dich an der Mitte orientieren, das sonst der Strich wieder zu kurz ist. Die Mitte ist meistens länger als die Boxenseite.

    5 Antworten
    3269 Aufrufe
    05. Dezember 2009, 17:29:50 von Tomcraft
    13 Antworten
    5953 Aufrufe
    12. August 2010, 07:52:12 von DJ-Ready
    2 Antworten
    3463 Aufrufe
    23. August 2009, 16:29:08 von Tomcraft
    17 Antworten
    8409 Aufrufe
    28. Oktober 2013, 09:42:27 von MarcoJ1980