friedrich: Zeilenumbruch nach Größe des Anzeigefensters

Hallo.

Wie muss ich vorgehen, dass mein Text (in einem <div>) sich am Ende des Anzeigefensters bricht und kein vertikaler Scrollbalken auftaucht (es sei denn, min-width ist erreicht)?

Irgendwie habe ich hiermit ein Problem.. Habe es mit der Angabe white-space:normal in der <div>Formatierung versucht, will aber nicht.?

Und wie muss ich die <div>position definieren, wenn ich möchte, dass auch diese variabel ist, also sich bei Enge im Anzeigefenster z.B. unter dem Menü anordnet? position:...?

Danke euch.
Schönen Abend noch...

  1. Hallo friedrich,

    Wie muss ich vorgehen, dass mein Text (in einem <div>) sich am Ende des Anzeigefensters bricht

    was hast du getan, damit das *nicht* passiert? Denn das ist eigentlich das Standardverhalten. Der Inhalt (Text) passt sich an das umgebende Element an.
    Nur wenn das umgebende Element keine feste Breite hat (z.B. bei float ohne Breitenangabe), richtet es sich nach seinem Inhalt, und der Umbruch ist nicht eindeutig vorhersehbar.

    und kein vertikaler Scrollbalken auftaucht (es sei denn, min-width ist erreicht)?

    Ich nehme an, du meinst einen horizontalen Scrollbalken und max-width?

    Und wie muss ich die <div>position definieren, wenn ich möchte, dass auch diese variabel ist, also sich bei Enge im Anzeigefenster z.B. unter dem Menü anordnet? position:...?

    Keine Ahnung - vielleicht zeigst du uns mal die Problemzone?

    So long,
     Martin

    --
    Husten kann böse Folgen haben.
    Besonders im Kleiderschrank.
    1. Hallo.

      Ich nehme an, du meinst einen horizontalen Scrollbalken und max-width?

      Ja, natürlich...zzz...

      Keine Ahnung - vielleicht zeigst du uns mal die Problemzone?

      #artikel {position:absolute;
                top:120px;
                left:120px;
                min-width:50px;
                text-align:left;
                }

      Hier steckt der Text drinn, der automatisch brechen soll..
      Und dieser <div id="artikel"> steckt in:

      #main {position:absolute;
             top:105px;
             left:0px;
             width:100%;
             }

      MfG.

      1. Hi,

        Ich nehme an, du meinst einen horizontalen Scrollbalken und max-width?
        Ja, natürlich...zzz...

        is' schon spät, kein Problem. ;-)

        Keine Ahnung - vielleicht zeigst du uns mal die Problemzone?

        #artikel {position:absolute;
                  top:120px;
                  left:120px;
                  min-width:50px;
                  text-align:left;
                  }

        Aha, also keine feste Breite. Der IE kennt min-width nicht und ignoriert das, andere Browser setzen wenigstens eine Mindestbreite. Eine maximale Breite hast du aber nicht vorgegeben - und da wunderst du dich, dass ein Browser diesen Freiheitsgrad ausnutzt und das Element nach Gutdünken verbreitert? Nee, wenn mir einer sagt, "Kannst die Kisten hier an der Wand entlang hinstellen", und keine Grenze setzt, dann stell' ich meine Kisten hin, soweit ich Platz finde.

        #main {position:absolute;
               top:105px;
               left:0px;
               width:100%;
               }

        Das ist also - abgesehen von den 100% - auch keine wirkliche Einschränkung.

        Schönen Abend noch,
         Martin

        --
        You say, it cannot be love if it isn't for ever.
        But let me tell you: Sometimes, a single scene can be more to remember than the whole play.
        1. Hallo.

          Aha, also keine feste Breite. Der IE kennt min-width nicht und ignoriert das, andere Browser setzen wenigstens eine Mindestbreite. Eine maximale Breite hast du aber nicht vorgegeben - und da wunderst du dich, dass ein Browser diesen Freiheitsgrad ausnutzt und das Element nach Gutdünken verbreitert? Nee, wenn mir einer sagt, "Kannst die Kisten hier an der Wand entlang hinstellen", und keine Grenze setzt, dann stell' ich meine Kisten hin, soweit ich Platz finde.

          #main {position:absolute;
                 top:105px;
                 left:0px;
                 width:100%;
                 }

          Das ist also - abgesehen von den 100% - auch keine wirkliche Einschränkung.

          Was sollte ich also an stelle width:100% schreiben?

          Ich habe nun einiges ausprobiert, es funktioniert aber immernoch nicht.
          Sind evtl meine position-einstellungen schlecht?position:absolute in position:absolute?

          Danke dir fuer deine Hilfe..
          MfG.

          1. Hi,

            Was sollte ich also an stelle width:100% schreiben?

            das weiß ich nicht - *du* musst doch wissen, wie breit deine Elemente werden "dürfen". Außerdem möchtest du doch, wenn ich dich richtig verstanden habe, nicht #main einschränken, sondern #artikel. Oder sehe ich das falsch?

            Und #artikel liegt innerhalb von #main, kann also im Extremfall bis auf dessen Breite anwachsen, weil #artikel selbst keine Breitenangabe hat. Wenn du nicht willst, dass es bis zum Abwinken wächst, gib ihm eine maximale oder eine feste Breite.

            Sind evtl meine position-einstellungen schlecht?position:absolute in position:absolute?

            Sagen wir's mal anders: Absolute Positionierung ist nicht per se schlecht, aber oft problematisch und lässt sich meistens durch andere Konstruktionen ähnlich nachbilden (float und/oder geschickte Kombinationen von margin und padding). Zudem führt position:absolute leicht dazu, dass der Anwender scrollen muss, weil der positionierte Inhalt eine größere Breite erzwingt als eigentlich nötig und verfügbar ist.

            Ciao,
             Martin

            --
            Bitte komme jemand mit einem *g* zum Wochenende, damit nicht über mich gelacht wird.
              (Gunnar Bittersmann)
            1. he.

              meine elemente sollen den gesamten verfügbaren platz einnehmen. also schon bewusst width:100%;.
              ich habe oben einen header mit logo (width:100%;). darunter folgt mein <div id="main">,ebenfalls auf volle breite. und darin befindet sich zuerst (links) eine liste, rechts daneben soll der <div> mit dem tatsächlichen inhalt positioniert werden. wieso der text nicht selber bricht, ist mir ein raetsel. das kann ja eigentlich garnicht sein..

              ich werde wohl nochmal von vorne anfangen...

              danke dir..