dartrax: dreispaltiges CSS-Layout: 100% height der Spalten erreichen

SELF-Forum

dreispaltiges CSS-Layout: 100% height der Spalten erreichen

dartrax
– Informationen zu den Bewertungsregeln

Hallo,
habe folgenden Code und möchte, dass die Spalten links und rechts genauso hoch sind wie die mittlere. Dabei ist die mittlere natürlich in Abhängigkeit von ihrem Inhalt auf verschiedenen Seiten verschieden hoch, die 1000px sind nur für's experimentieren da.

  
<html>  
<body style="position: relative; text-align: center; margin: 0; padding: 0; width: 100%; min-height: 101%">  
    <div style="width: 100%; height: 100%">  
        <div style="float: Left; border: red 1px solid; width: 98px; height: 100%">left</div>  
        <div style="margin-left: -100px; margin-right: -100px; float: Left; width: 100%; height: 100%">  
            <div style="margin-left: 100px; margin-right: 100px; border: red 1px solid; height: 1000px">  
                middle  
             </div>  
         </div>  
        <div style="float: Right; border: red 1px solid; width: 98px; height: 100%">right</div>  
    </div>  
</body>  
</html>

Vielen Dank,
dartrax

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. dreispaltiges CSS-Layout: 100% height der Spalten erreichen

    D.R. Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo,

    […] möchte, dass die Spalten links und rechts genauso hoch sind wie die mittlere.

    Das ist nur mit Umwegen machbar. Das ich mich noch nicht so sehr mit Spaltenlayout auseinander gesetzt habe und eine Erklärung den Ramen des Postings sprengen würde, hier die wichtigsten Seiten zum Thema:

    Yet another Multicolumn Layout (YAML)
    SELFHTML-Weblog: Grundlagen für Spaltenlayout mit CSS

    mfg. Daniel

    --
    Experten raten von der Verwendung des Internet Explorers ab!
    Mein SELF-stylesheet | Darum Firefox!
    Selfcode: ie:{ fl:( br:> va:) ls:& fo:) rl:( n4:# ss:| de:> js:) mo:} zu:}
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. dreispaltiges CSS-Layout: 100% height der Spalten erreichen

    imho_tep
    – Informationen zu den Bewertungsregeln

    möchte, dass die Spalten links und rechts genauso hoch sind wie die mittlere. Dabei ist die mittlere natürlich in Abhängigkeit von ihrem Inhalt auf verschiedenen Seiten verschieden hoch

    Hallo,
    vielleicht hilft Dir das weiter: http://alistapart.byteshift.de/fauxcolumns/
    Best wishes, imho_tep

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln