kultursprung: div box float left

Beitrag lesen

Hallo!

Ich habe folgendes Konstrukt:

------------------------------------------------
|------------||--------------------------------|
|            ||      div content               |
|            ||                                |
| Navigation |||------| |------|               |
|            ||| div A| | div1 |               |
|            |||      | |------|               |
|            |||      | |------|               |
|            |||      | | div2 |               |
|            |||      | |------|               |
|------------|||      | |------|               |
|             ||      | | div3 |               |
|             ||------| |------|               |
|             |                                |
|             ||---------------|               |
|             ||   div N       |               |
|             ||               |               |
|             ||---------------|               |
|             |                                |
|             ||---------------|               |
|             ||   div M       |               |
|             ||               |               |
|             ||---------------|               |
|             |--------------------------------|
------------------------------------------------

In Firefox und Opera wird das auch so angezeigt, und zwar stabil in Bezug auf den Zoomfaktor / Schriftgröße.

IE macht Probleme, sobald die Schriftgröße erhöht, oder das Fenster verkleinert wird: die divboxen 1-3 trotz Scrollbalken, nicht mehr neben "div A" anzeigt, sondern am unteren Rand, obwohl es so aussieht als sei neben "div A" noch genug Platz.

Sieht dann so aus:

------------------------------------------------
|------------||--------------------------------|
|            ||      div content               |
|            ||                                |
| Navigation |||------|                        |
|            ||| div A|                        |
|            |||      |                        |
|            |||      |                        |
|            |||      |                        |
|            |||      |                        |
|------------|||      |                        |
|             ||      |                        |
|             ||------|                        |
|             |                                |
|             |         |------|               |
|             |         | div1 |               |
|             |         |------|               |
|             |         |------|               |
|             |         | div2 |               |
|             |         |------|               |
|             |         |------|               |
|             |         | div3 |               |
|             |         |------|               |
|             |                                |
|             ||---------------|               |
|             ||   div N       |               |
|             ||               |               |
|             ||---------------|               |
|             |                                |
|             ||---------------|               |
|             ||   div M       |               |
|             ||               |               |
|             ||---------------|               |
|             |--------------------------------|
------------------------------------------------

Ich habe leider bisher keine Lösung gefunden.

Hier der Link zu der Seite: http://www.connexin.net/card-game-doppelkopf.html