mk: Absolut positionieren und trotzdem umfließen

Hi,

gibt es eine Möglichkeit, ein Element an einer bestimmten Stelle
anzuzeigen, so dass es trotzdem von anderen Elementen umflossen
wird?

(mk)

  1. Hi,

    gibt es eine Möglichkeit, ein Element an einer bestimmten Stelle
    anzuzeigen, so dass es trotzdem von anderen Elementen umflossen
    wird?

    Nein. Umfließen geht (in CSS) nur mit float und nicht mit absoluter Positionierung.
    Aber wenn Du etwas mehr Infos rausrückst, findet sich vielleicht eine Lösung für Dein Problem.

    freundliche Grüße
    Ingo

    1. Hi,

      gibt es eine Möglichkeit, ein Element an einer bestimmten Stelle
      anzuzeigen, so dass es trotzdem von anderen Elementen umflossen
      wird?
      Nein. Umfließen geht (in CSS) nur mit float und nicht mit absoluter Positionierung.
      Aber wenn Du etwas mehr Infos rausrückst, findet sich vielleicht eine Lösung für Dein Problem.

      Danke für die Antwort. Es ging um die Erstellung einer Masterpage/eines Templates für ein CMS. Bestimmte Elemente (in diesem Fall Flaggen für die Sprachumstellung) sollten nach Wunsch des Designers an genau definierten Stellen auftauchen. Natürlich nicht unten oder oben, sondern genau in der Mitte. Der Rest wird dann halt vom CMS aufgefüllt.
      Wir haben das jetzt mit "position: absolute" gelöst. Ganz glücklich bin ich damit nicht, aber die Zeit...

      (mk)

      1. Hi,

        Hallo,

        gibt es eine Möglichkeit, ein Element an einer bestimmten Stelle
        anzuzeigen, so dass es trotzdem von anderen Elementen umflossen
        wird?
        Nein. Umfließen geht (in CSS) nur mit float und nicht mit absoluter Positionierung.
        Aber wenn Du etwas mehr Infos rausrückst, findet sich vielleicht eine Lösung für Dein Problem.

        Danke für die Antwort. Es ging um die Erstellung einer Masterpage/eines Templates für ein CMS. Bestimmte Elemente (in diesem Fall Flaggen für die Sprachumstellung) sollten nach Wunsch des Designers  auftauchen. Natürlich nicht unten oder oben, sondern genau in der Mitte. ...

        ------------------------------------------------

        Pageinhalte an genau definierten Stellen?

        ------------------------------------------------

        Wäre unten skizzierter Lösungsweg nachvollziehenswert, zu gegebener Zeit? Also später ;-)?

        Wir haben das jetzt mit "position: absolute" gelöst. Ganz glücklich bin ich damit nicht, aber die Zeit...

        Leider;-((.

        (mk)

        1. Kann man die Ausrichtung der "Bilder" auf die Mitte, also "center" auslegen? Welche Möglichkeiten gibt es?

        ------------------------------------------------------------------------
         CSS
            .h552 { height:552px; min-height:552px; max-height:552px }
            .w850 { width :850px; min-width :850px; max-width :850px }

        #zentriert {
              /*position:absolute;*/
              position:relative;
              top:50%;
              left:50%;
              width :850px; min-width :850px; max-width :850px;
              height:555px; min-height:555px; max-height:555px;
              margin-left:-425px;
              margin-top:-277px;
             }

        und dann 'im' HTML:

        <body>

        <div id="zentriert" style="vertical-align:middle;" align="center" valign="middle">

        <!-- AB JETZT ABER ALLES ZENTRIERT BITTE!: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->

        <div class="w850 h552">

        Bilder, Fliesstext, andere DIVs, usw. usw ..., Flaggen?

        </div></div></body>

        -----------------------------------------------------------------
        Soweit vielleicht schon der Kern der Sache, trotzdem, EVTL. noch nötig in CSS:

        * { margin:0px; padding:0px;border:0px;
             background-color:transparent;
             overflow:hidden;
             vertical-align:top;
             text-align:left;
             }
         html   { height       : 100%  }
         body   { min-height   : 101%;
                  font-size    : 100.01%;
                  position     : relative;
                  color        : #fff;
                  text-align   : left;
                  border       : 0px solid #000000;
                  }

        td,div,img {
            margin:0px; padding:0px; border:0px; overflow:hidden;
            vertical-align:top; text-align:left;
            }

        Ad X-ten Male:
        ---------------
        OK!, mit Dank zu den Akten[1] ........;-)

        Wäre schön, wenn Du das dann irgendwannmal( ! ) testen kannst, als Gedankenanstoß, mit der Hoffnung, nichts mißverstanden,

        TIRILI, TIRILA, TIRI-LALALALA-LAAA, tirili,tiri............;)Tschüs, muss kucken wie link hier geht. Genau. Vollkommenn klar!