Valentin Wirth: Float und nicht float im IE

Hallo liebe Selfler,

Ich habe mal wieder ein Problem mit dem IE und Float:

In Mozilla
+---------------+-----------------+
|               |                 |
| #text1 {      | #text2 {        |
|  width:200px; |  width:500px;   |
|  float:left;  |  }              |
|  }            |                 |
|               |                 |
+---------------+                 |
|                                 |
|                                 |
|                                 |
+---------------------------------+

Im Internet Explorer 6
+---------------+ +---------------------------------+
|               | |                                 |
| #text1 {      | | #text2 {                        |
|  width:200px; | |  width:500px;                   |
|  float:left;  | |  }                              |
|  }            | |                                 |
|               | |                                 |
+---------------+ |                                 |
                  |                                 |
                  |                                 |
                  |                                 |
                  +---------------------------------+

Nebeneinander: Damit "text2" in beiden Browsern nebeneinander steht muss ich "text2" auch ein float:left; geben.

Ineinander: Um sie ineinander zu haben (wie bei Mozilla) habe ich schon herausgefunden kann ich dem "text2" die width Angabe nehmen.

Leider hat "text2" in meinem Fall ein width Wert. Wie kann ich den IE trotzdem dazu bewegen "text1" in sich floaten zu lassen?

Danke Euch für eure Anregungen,

Valentin

  1. Hallo Valentin,

    Leider hat "text2" in meinem Fall ein width Wert. Wie kann ich den IE trotzdem dazu bewegen "text1" in sich floaten zu lassen?

    der entscheidende Punkt ist die Anordnung der Elemente in deiner HTML Datei. Damit der IE es auch so macht wie du möchtest, muss sich das Element #text1 (als erstes) innerhalb des Elementes #text2 befinden.

    Also bspw. wiefolgt:

    <div id="text2">
      <div id="text1">...</div>
    </div>

    Gruß Gunther

    1. Danke dir Gunther für den Tipp. Leider will/kann ich die Reinfolge in der HTML Datei nicht ändern. Darin steht zwar "text1" zuerst aber nicht innerhalb des 2.:

      <div id="text1"> ... </div>
      <div id="text2"> ... </div>

      Da Mozilla/Firefox und IE es unterschiedlich darstellen dachte ich wäre es evtl ein Bug für den es schon ein Namen und damit Lösungsansätze gibt. Gibts dafür ein Namen das der IE die Floats in diesem Fall nebeneinander legt statt zu floaten?

      1. Hi Valentin,

        Da Mozilla/Firefox und IE es unterschiedlich darstellen dachte ich wäre es evtl ein Bug für den es schon ein Namen und damit Lösungsansätze gibt. Gibts dafür ein Namen das der IE die Floats in diesem Fall nebeneinander legt statt zu floaten?

        einen Namen nicht (dass ich wüsste), aber eine Beschreibung des Problems findest du bei positioniseverything.

        Gruß Gunther