tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
7301
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 23.10.06 09:39 #1
    Avatar von exxe
    exxe exxe ist offline Mitleser
    Registriert seit
    Jan 2004
    Ort
    Nordschwarzwald
    Beiträge
    125
    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-Code:
    <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>
     
    Milchreis schmeckt am besten, wenn man ihn kurz vor dem Verzehr gegen ein saftiges Steak austauscht.
  2. 23.10.06 10:12 #2
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    Hi,

    versuch es mal mit folgendem CSS:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

    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
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
  3. 23.10.06 11:57 #3
    Avatar von exxe
    exxe exxe ist offline Mitleser
    Registriert seit
    Jan 2004
    Ort
    Nordschwarzwald
    Beiträge
    125
    Klappt wunderbar, vielen Dank für die schnelle Hilfe
     
    Milchreis schmeckt am besten, wenn man ihn kurz vor dem Verzehr gegen ein saftiges Steak austauscht.
« CSS min-height im Firefox / IE | CSS Layout erstellung »

Ähnliche Themen

  1. Div mit variabler Breite
    Von Teilzeitphilosoph im Forum CSS
    Antworten: 4
    Letzter Beitrag: 03.09.10, 12:28
  2. TextArea mit variabler Breite
    Von Matze im Forum CSS
    Antworten: 2
    Letzter Beitrag: 03.07.09, 12:52
  3. DropDownList mit variabler Breite
    Von psykochris im Forum ASP
    Antworten: 2
    Letzter Beitrag: 28.11.08, 08:29
  4. content mit fester Breite & variabler Höhe
    Von 08154711 im Forum CSS
    Antworten: 6
    Letzter Beitrag: 10.10.07, 22:07
  5. div variabler breite
    Von Snodri im Forum CSS
    Antworten: 1
    Letzter Beitrag: 20.08.05, 18:28