Auf Thema antworten

Beitrag

[QUOTE="developr, post: 13, member: 1"]
Angenommen ihr habt ein solches DIV-Layout erstellt, wie bekommt man es nun hin, dass die Höhe des DIVs (hier: #body) automatisch an den Inhalt (hier: #content, #box) angepasst wird? 
[ATTACH]3._xfImport[/ATTACH]

Früher habe ich das lässig mit einer Tabelle width="100%" gemacht, heute bekommt man für solche Schandtaten ja aber gleich links und rechts welche an die Ohren :).

Hier das Workaround, was sowohl für den FF und IE7, als auch den IE6 funktioniert.

[html]<style>
    body {
    height: 100%;
    }
    div#body {
    width: 600px;
    }
    div#content {
    float: left;
    width: 300px;
    }
    div#box {
    float: right;
    width: 300px;
    }
    div#clear {
    clear: both;
    }
</style>

<div id="body>
    <div id="content">
        <br />
        <br />
        <br />
        <br />
        asdasd<br />
        asd
    </div>
    <div id="box">
        <br />
        <br />
        asdasd
    </div>
    
    <div id="clear">
         
    </div>
</div>[/html]
[/QUOTE]

Authentifizierung