[CSS] Nerviges Problem mit Positionierung

**Xardas der Dunkle** · 06.10.2010 22:18

Geht auch viel einfacher, funktioniert vor allem in jedem Browser:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <head>
        <title></title>
        <style type="text/css">
/* <![CDATA[ */
#content {
    width:          90%;
    position:       relative;
}

#content_left {
    position:       absolute;
    top:            0;
    left:           0;
    right:          200px; /* !!!! Hier ist der Knackpunkt, das div benötigt eine Positions-Angabe von beiden Seiten !!! */
    border:         1px solid #000;
}

#content_right {
    position:       absolute;
    top:            0;
    right:          0;
    width:          198px;
    border:         1px solid #000;
}
/* ]]> */
        </style>
    </head>
    <body>
        <div id="content">
            <div id="content_left">Hallo Welt</div>
            <div id="content_right">Test</div>
        </div>
    </body>
</html>

Thema: [CSS] Nerviges Problem mit Positionierung

Themen-Optionen

Anzeige

Baum-Darstellung

Stichworte

Berechtigungen