div mit fester und variabler Breite

Status
Nicht offen für weitere Antworten.

exxe

Mitleser
Wie die Überschrift schon sagt, möchte ich gerne zwei Div-Container erstellen - einen mit einer festen und einen mit einer Variablen Breite.

Nach einigem Suchen in den weiten des www hab ich auch einen Codeschnipsel gefunden, der perfekt funtioniert - zumindest im Firefox, leider aber nicht im IE.
Das Problem im IE ist, dass er mir den rechten Div-Container mit der variablen Breite über das Fenster hinaus vergrößert. Daher wird nicht am "Ende" des Fensters, sondern außerhalb, ein Zeilenumbruch gemacht.

Meine Fragen nun:
Kennt jemand hierzu einen Workaround für den IE oder kann ich den Code knicken und sollte mich nach was anderem umsehen?

Hier noch der Quellcode und schon mal vielen Dank für eure Hilfe.

HTML:
<html>
   <head>
      <style type="text/css">
         <!--
         dt, dl {
         margin: 0;
         padding: 0;
         }
         
         .nowrap .link {
         float: left;
         border: 1px solid green;
         margin-right: 20px;
         width: 200px;
         position: absolute;
         }
         
         .nowrap .text {
         border: 1px solid red;
         margin-left: 200px;
         position: absolute;
         }         
          -->
      </style>
   </head>
   
   <body>
      <div class="nowrap">
         <dl class="link">
            <dt>
               Das hier ist die linke Spalte mit fester Breite
            </dt>
         </dl>
         <div class="text">            
            Das hier ist die rechte Spalte mit Variabler Breite - 
            Freilebende Gummibärchen gibt es nicht. 
            Man kauft sie in Packungen an der Kinokasse. 
            Dieser Kauf ist der Beginn einer fast erotischen 
            und sehr ambivalenten Beziehung Gummibärchen-Mensch. 
            Zuerst genießt man. Dieser Genuß umfaßt alle Sinne. 
            Man wühlt in den Gummibärchen, man fühlt sie. 
            Gummibärchen haben eine Konsistenz wie weichgekochter Radiergummi. 
            Die Tastempfindung geht auch ins Sexuelle. Das bedeutet nicht unbedingt, 
            daß das Verhältnis zum Gummibärchen ein geschlechtliches wäre, 
            denn prinzipiell sind diese geschlechtsneutral.             
         </div>
      </div>
   </body>
</html>
 
Hi,

versuch es mal mit folgendem CSS:
Code:
dt, dl {
margin: 0;
padding: 0;
}

.nowrap .link {
float: left;
border: 1px solid green;
width: 200px;
}
* html .nowrap .link{ margin-right: -3px; /* für IE wg. 3-Pixel-Bug */}

.nowrap .text {
border: 1px solid red;
margin-left: 200px;
}
* html .nowrap .text{ height: 1%;         /* sonst Positionierungsproblem im IE */
                      margin-left: -3px;  /* für IE wg. 3-Pixel-Bug */}
Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.
Zurück