Cyx23: bottom: / right: für den ganzen body bei Scrollbalken?

SELF-Forum

bottom: / right: für den ganzen body bei Scrollbalken?

Cyx23
– Informationen zu den Bewertungsregeln

Hallo,

absolut positionierte Elemente mit bottom:0px; right:0px;
orientieren sich nicht am body, auch Grössenangaben zu body
ändern nichts, bei vorhandenen Scrollbalken.
Der scrollbare Bereich des body ist doch eigentlich kein sichtbarer
overflow, sondern der body ist entsprechend grösser, wie lassen sich
rechter und unterer Rand wirklich als Position nutzen?

Grüsse

Cyx23

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. bottom: / right: für den ganzen body bei Scrollbalken?

    Axel Richter
    – Informationen zu den Bewertungsregeln

    Hallo,

    absolut positionierte Elemente mit bottom:0px; right:0px;
    orientieren sich nicht am body, auch Grössenangaben zu body
    ändern nichts, bei vorhandenen Scrollbalken.
    Der scrollbare Bereich des body ist doch eigentlich kein sichtbarer
    overflow, sondern der body ist entsprechend grösser, wie lassen sich
    rechter und unterer Rand wirklich als Position nutzen?

    Grüsse

    Cyx23

    Bei mir (MSIE5.0) geht das:

    <body style="position:relative; width:100%; height:100%;">
    <p>normaler Fliesstext... normaler Fliesstext... normaler Fliesstext... normaler

    Fliesstext... normaler Fliesstext... normaler Fliesstext... normaler Fliesstext... normaler

    Fliesstext... normaler Fliesstext... normaler Fliesstext... normaler Fliesstext... </p>

    <div style="position:absolute; bottom:0; right:0;">Das ist ein Test</div>
    </body>

    Gruß

    Axel

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. bottom: / right: für den ganzen body bei Scrollbalken?

      Cyx23
      – Informationen zu den Bewertungsregeln

      Hallo Axel,

      Bei mir (MSIE5.0) geht das:

      <body style="position:relative; width:100%; height:100%;">
      <p>normaler Fliesstext...  ...    ... normaler Fliesstext... </p>
      <div style="position:absolute; bottom:0; right:0;">Das ist ein Test</div>
      </body>

      danke für das Beispiel.

      Wenn <p> gross genug ist oder bei kleinem Fenster, also richtiger
      Scrollbalken rechts und Seite länger als das Fenster, klebt der
      <div> irgendwo in der Seite bzw. erstmal unten am ungescrollten
      Fenster, aber (IE6, Mozilla 1.1.) leider nicht am Ende der Seite.

      Grüsse

      Cyx23

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. bottom: / right: für den ganzen body bei Scrollbalken?

        Axel Richter
        – Informationen zu den Bewertungsregeln

        Hallo,

        danke für das Beispiel.

        Wenn <p> gross genug ist oder bei kleinem Fenster, also richtiger
        Scrollbalken rechts und Seite länger als das Fenster, klebt der
        <div> irgendwo in der Seite bzw. erstmal unten am ungescrollten
        Fenster, aber (IE6, Mozilla 1.1.) leider nicht am Ende der Seite.

        ??Damit etwas am Ende der Seite steht, musst Du es doch einfach nur als letztes Element im HTML-Quelltext notieren?? Oder was willst Du erreichen?

        Grüsse

        Axel

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. bottom: / right: für den ganzen body bei Scrollbalken?

          Cyx23
          – Informationen zu den Bewertungsregeln

          Hallo,

          ??Damit etwas am Ende der Seite steht, musst Du es doch einfach nur als letztes Element im HTML-Quelltext notieren?? Oder was willst Du erreichen?

          also z.B. unten steht vielleicht schon etwas, und ich möchte rechts daneben
          etwas platzieren.
          Konkretes Beispiel wäre ein mittlerer Textblock unbekannter Grösse, und
          daneben rechts, unten abschliessend, ein div.

          Grundsätzlich möchte ich die Ränder des body zu absoluten Positionierungen
          benutzen können. Es klappt aber offenbar mit CSS nicht zum übergeordneten
          Element auszurichten, vielleicht ginge es in einem zusätzlichen container-div?

          Entweder übersehe ich noch ein paar einfache Möglichkeiten von CSS,
          oder es bleiben wie so oft Tabellen als zuverlässige und saubere Lösung,
          womit auch die nervenden Anpassungen d. CSS an die diversen Browser
          einfacher und sicherer wären.

          Grüsse

          Cyx23

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln