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

Beitrag lesen

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