Viennamade: floats

Hallo liebes Forum!

Ich hab eine Seite die besteht aus 3 divs und schaut auf normalen Bildschirmen gut aus. Exkurs: Ein normaler Bildschirm hat exakt die gleich Größe wie mein Bildschirm;-)

Das clear:left fürs DIV3 gibts für sehr große Bildschirme, denn im DIV3 ist ein "Aktionsmenu" für die beiden anderen divs, daher soll es unter diesen stehen.

_____________________________   _______________
|                             | |               |
|            DIV1             | |    DIV2       |
|                             | |               |
| widht:581px, height: 420px  | |  overflow:    |
|         float:left          | |    auto       |
|                             | | float:left    |
|                             | |               |
|                             | |               |
|_____________________________| |_______________|
 _______________________________________________
|  ____________    ____________    ________ ___ |
| |li float lft|  |li float lft|  |li float lft||
|  ------------    ------------    ------------ |
|      DIV3 mit clear:left                      |
|         + vertikale ul-Liste                  |
|_______________________________________________|

Auf kleinen Bildschirmen, bzw. bei weiniger Auflösung, schaut die Sache dann so aus:

_____________________________
|                             <
|            DIV1             >
|                             <
| widht:581px, height: 420px  >
|         float:left          <
|                             >
|                             <
|                             >
|_____________________________<
 _______________
|               |
|    DIV2       |
|               |
|  overflow:    |
|    auto       |
| float:left    |
|               |
|               |
|_______________|
 _______________
| ____________  |
||li float lft| ¦
| ------------  |
| __DIV3______  |
||li float lft| |
| ------------  |
| ____________  |
||li float lft| |
| ------------  |
 ---------------

Meine Frage: Gibts eine Möglichkeit, daß bei kleinernen Bildschirmen, das DIV3 sich rechts vom DIV2 platziert?

Danke
Viennamade

  1. Hi,

    Das clear:left fürs DIV3 gibts für sehr große Bildschirme, denn im DIV3 ist ein "Aktionsmenu" für die beiden anderen divs, daher soll es unter diesen stehen.

    Inwiefern sollte die Bildschirmgröße irgendeine Rolle spielen?

    Meine Frage: Gibts eine Möglichkeit, daß bei kleinernen Bildschirmen, das DIV3 sich rechts vom DIV2 platziert?

    Nein, entweder hat es clear:left (sprich: es ist nicht neben DIV2) oder eben kein clear:left (sprich: es kann neben DIV2 sein).

    cu,
    Andreas

    --
    MudGuard? Siehe http://www.Mud-Guard.de/
    1. Hallo!

      Das clear:left fürs DIV3 gibts für sehr große Bildschirme, denn im DIV3 ist ein "Aktionsmenu" für die beiden anderen divs, daher soll es unter diesen stehen.

      Inwiefern sollte die Bildschirmgröße irgendeine Rolle spielen?

      Du hast schon recht, aber in dem Fall ist es so, als wenn man die Maus oben drauf am Bildschirm bediente.

      Meine Frage: Gibts eine Möglichkeit, daß bei kleinernen Bildschirmen, das DIV3 sich rechts vom DIV2 platziert?

      Nein, entweder hat es clear:left (sprich: es ist nicht neben DIV2) oder eben kein clear:left (sprich: es kann neben DIV2 sein).

      Alles klar & Danke!
      Viennamade

      1. Hi,

        Das clear:left fürs DIV3 gibts für sehr große Bildschirme, denn im DIV3 ist ein "Aktionsmenu" für die beiden anderen divs, daher soll es unter diesen stehen.
        Inwiefern sollte die Bildschirmgröße irgendeine Rolle spielen?

        Du hast schon recht, aber in dem Fall ist es so, als wenn man die Maus oben drauf am Bildschirm bediente.

        ???

        cu,
        Andreas

        --
        MudGuard? Siehe http://www.Mud-Guard.de/
        1. Hallo!

          ???

          Jetzt weiß ich nicht wonach Du fragst :-)
          Jetzt kommt das alte Spiel in dem man drüber redet was man eben geredet hat.

          Ich schrieb:
          Das clear:left fürs DIV3 gibts für sehr große Bildschirme, denn im DIV3 ist ein "Aktionsmenu" für die beiden anderen divs, daher soll es unter diesen stehen.

          Besser hätte ich schreiben sollen: Wenn das clear:left nicht wäre, dann steht das DIV3 - das Menü - ganz rechts, aber dort ist es unschön und nicht praktisch, daher muß das clear bleiben.

          Darauf Du:

          Inwiefern sollte die Bildschirmgröße irgendeine Rolle spielen?

          Und das hörte sich für mich momentan unlogisch an, daher mein Vergleich mit der Maus oben am Bildschirm - derweilen hatte die Unlogik ja schon eine Gesprächsetappe vorher durch mich begonnen.

          Kompliziert einen Dialog aufzurollen! Jedenfalls, weiß ich durch Dich, daß noch mehr Skalierbarkeit auf dieser Seite so nicht geht, und so oft wird noch nicht gesagt: "Look, Ma, no WAP!"

          Danke nochmals,
          Viennamade

          1. Hi,

            Inwiefern sollte die Bildschirmgröße irgendeine Rolle spielen?

            Das fragte ich, weil mir die Beziehung des clear/float-Problems zur Bildschirmgröße nicht klar ist.
            Die Bildschirmgröße spielt für HTML/CSS keinerlei Rolle.

            Für float ist die Größe der Darstellungsfläche relevant - diese ist unabhängig von der Fenstergröße (ich sage nur: Scrollbalken) und von der Bildschirmgröße sowieso.

            Und das hörte sich für mich momentan unlogisch an, daher mein Vergleich mit der Maus oben am Bildschirm

            Was hat die nun damit zu tun?
            <img src="http://temp.andreas-waechter.de/maus.jpg" border="0" alt="">
            ;-)

            cu,
            Andreas

            --
            MudGuard? Siehe http://www.Mud-Guard.de/
            1. Hallo!

              Das fragte ich, weil mir die Beziehung des clear/float-Problems zur Bildschirmgröße nicht klar ist.
              Die Bildschirmgröße spielt für HTML/CSS keinerlei Rolle.
              Für float ist die Größe der Darstellungsfläche relevant - diese ist unabhängig von der Fenstergröße (ich sage nur: Scrollbalken) und von der Bildschirmgröße sowieso.

              Stimmt.

              Und das hörte sich für mich momentan unlogisch an, daher mein Vergleich mit der Maus oben am Bildschirm

              Was hat die nun damit zu tun?
              <img src="http://temp.andreas-waechter.de/maus.jpg" border="0" alt="">
              ;-)

              Nun, ich erlaube mir von hier http://www.nagetiere.info/Maeuse/index.php?view=Sinne.htm zu zitieren:
              "Besonders gut kann die Maus eigentlich nicht sehen, durch ihre seitlich angeordneten Augen, können sie Einzelheiten nicht scharf erkennen."
              Nun, bei seitlich angelegten Augen scheint ein häufiger Einsatz von clear:xy doch nicht besonders mausfreundlich zu ein, was aber, wenn der Bildschirm drehbar ist?

              :-) Viennamade