Ergebnis 1 bis 8 von 8

Thema: Dreispalten-Layout (zwei Spalten sind zu kurz)

  1. #1
    Samurai
    Registriert seit
    01.01.2009
    Beiträge
    244
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Dreispalten-Layout (zwei Spalten sind zu kurz)

    Salut!

    Ich habe mittels drei, nebeneinander platzierten Divs ein Layout hergestellt. Im Mittleren Div befindet sich der Text, die beiden äusseren dienen der Dekoration.
    Weiter sind jene auf height: 100% gestellt.

    Ist der Text im mittleren Div nun grösser als 100% (also das man scrollen muss), sind die äusseren beiden Divs zu klein.

    Hat jemand eine Idee wie ich dem Einhalt gewähren kann?

    http://img812.imageshack.us/img812/4...o20101223u.png

    Beste Grüsse
    Anagramm
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Frauen lügen nie, selbst wenn sie die Wahrheit nur erfinden müssen.
    Leute die mit gidf antworten wollen, sollten lieber gar nicht antworten. -> http://www.google.de/search?q=xyz tuts auch.

  2. #2
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Dreispalten-Layout (zwei Spalten sind zu kurz)

    benutz statt height: 100% mal min-height: 100%
    Clearen nicht vergessen.

    Ansonsten gib n Link.

  3. #3
    Samurai
    Themenstarter

    Registriert seit
    01.01.2009
    Beiträge
    244
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Dreispalten-Layout (zwei Spalten sind zu kurz)

    nanu
    jetzt ist alles weg...

    ich hab hier sonst mal den quelltext von dem abschnitt, vielleicht hilft der etwas besser.

    Code:
    div#rand_links {
                    float: left;
                    width: 160px;
                    background-color: #e6e6e6;
                    background-image: url('images/ra_links.jpg');
                    background-repeat:repeat-y;
                    background-position: right;
                    min-height: 100%;
                }
                div#rand_rechts {
                    float: right;
                    width: 160px;
                    background-color: #e6e6e6;
                    background-image: url('images/ra_rechts.jpg');
                    background-repeat:repeat-y;
                    background-position: left;
                    min-height: 100%;
                }
                div#container {
                    padding: 0px 160px 0px 160px;
                    margin: 0px;
                    background-color: #ffffff;
                    height: 100%;
                }
    
    [...]
    <div id="rand_links"></div>
        <div id="rand_rechts"></div>
        <div id="container">blabla</div>
    Vielleicht ist auch einfach meine Strategie mit den drei divs dumm?
    Frauen lügen nie, selbst wenn sie die Wahrheit nur erfinden müssen.
    Leute die mit gidf antworten wollen, sollten lieber gar nicht antworten. -> http://www.google.de/search?q=xyz tuts auch.

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Dreispalten-Layout (zwei Spalten sind zu kurz)

    Das ist ein Fall für Faux Columns

  5. #5
    Samurai
    Themenstarter

    Registriert seit
    01.01.2009
    Beiträge
    244
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Dreispalten-Layout (zwei Spalten sind zu kurz)

    gemäss dieser anleitung geht das bei mir aber nicht, da bei mir die beiden "schatten-bilder" je 160px gross sind, und damit eine feste grösse haben. das Mittel-Div hingegen ist variabel in der grösse.

    Diese Anleitung geht entweder vom einen oder vom anderen aus - gibt es das nicht auch in Kombination?
    Frauen lügen nie, selbst wenn sie die Wahrheit nur erfinden müssen.
    Leute die mit gidf antworten wollen, sollten lieber gar nicht antworten. -> http://www.google.de/search?q=xyz tuts auch.

  6. #6
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Dreispalten-Layout (zwei Spalten sind zu kurz)

    Nicht ganz.
    Wenn dann http://www.ohne-css.gehts-gar.net/0031.php

    Und auch das funktioniert so nicht. Man kann mit den 160px Breite nichtmehr arbeiten, es muss eine % Angabe sein.
    Wenn man prozentuale Werte mit fixen Werten mischen will, habe ich bisher keine Vernünftige alternative zu Tabellen gefunden...

    //P.S. Aber dieses Beispiel lässt sich auch anders lösen.. Momentchen
    Geändert von Grevas (23.12.2010 um 22:41 Uhr)

  7. #7
    Samurai
    Themenstarter

    Registriert seit
    01.01.2009
    Beiträge
    244
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Dreispalten-Layout (zwei Spalten sind zu kurz)

    Alles klar, dann mache ich das jetzt einfach mit einer einfachen Tabelle. Ich bin sowieso Fan von Tabellen XD
    Habe nur auf Div umgestellt, weil mich immer alle ausgelacht haben wenn ich Tabellen nutzte^^

    Trotzdem danke für eure Hilfe! Wünsche euch schöne Weihnachten und einen guten Rutsch!
    Frauen lügen nie, selbst wenn sie die Wahrheit nur erfinden müssen.
    Leute die mit gidf antworten wollen, sollten lieber gar nicht antworten. -> http://www.google.de/search?q=xyz tuts auch.

  8. #8
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Dreispalten-Layout (zwei Spalten sind zu kurz)

    HTML-Code:
    <style>
    
    #content {
        padding: 0 160px;
        background-color: #fff;
        min-height: 100%;
        height: 150%; /* prove of concept */
    }
    
    #left-border {
        float: left;
        width: 5px;
        margin-left: -5px;
        background-color: yellow;
        height: 100%;
    }
    
    #right-border {
        float: right;
        width: 5px;
        margin-left: 5px;
        background-color: blue;
        height: 100%;
    }
    
    </style>
    
    <div id="content">
        <div id="left-border"></div>
        <div id="right-border"></div>
        <p>content</p>
    
    </div>
    In dem Fall geht das aber ooohne ;P

Ähnliche Themen

  1. Zwei Buttons zwei funktionen
    Von Gimminy im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 03.08.2010, 10:49
  2. dreispalten Layout - anpassen der div tags
    Von No_Name im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 04.10.2009, 12:58
  3. 3 Spalten Modell
    Von goldeneye im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 14.09.2008, 15:18
  4. Tabellen-Layout in DIV-Layout umändern...
    Von Peter_Pan im Forum HTML & CSS Forum
    Antworten: 16
    Letzter Beitrag: 22.03.2007, 21:29
  5. Tabellenfrage - Fixieren von Spalten
    Von kensworld im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 10.02.2006, 21:02

Stichworte

Berechtigungen

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