Ankündigung

Einklappen
Keine Ankündigung bisher.

Bild ganz unten am Bildschirm

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Bild ganz unten am Bildschirm

    Hallo zusammen

    Kann mir jemand sagen ob es möglich ist mittels CSS
    ein Bild immer ganz unten zu platzieren. Egal welche auflösung
    bildschirm usw. Egal wie viel text oben geschrieben ist.

    wenn ja wie geht das?


  • #2
    Dafür brauchst du die CSS Eigenschaften "positon" mit dem Wert "fixed" und "bottom" mit dem Wert "0px". Das "position: fixed" bewirkt, dass das Bild immer dort bleibt, egal ob du scrollst oder nicht. Aber aufgepasst: IE unterstützt dieses Attribut erst ab IE7. Für IE 6 gibt es, soweit ich weiss, entsprechende Hacks, die man auf der Seite einbauen muss.
    Und "bottom: 0px" setzt das Element einfach ganz unten hin.

    Kommentar


    • #3
      ja aber wenn man das so macht und der text ist mal länger dann wird das bild soweit ich das verstehe mitten im text sein.

      ich hab irgendwo bei google nun ne lösung gefunden

      komplizierte sache

      Kommentar


      • #4
        Ich schätze mal du solltest dein Design einfach mit divs und float aufbauen, dann rückt alles weiter runter wenn mehr text im Content-Container steht

        Kommentar


        • #5
          Dafür ist ja genau das CSS-Attribut "position: fixed". Das bewirkt, dass ein damit ausgestattetes Element immer genau an der gleichen Position im Browser bleibt, egal wie weit man runterscrollt etc. Aber wie gesagt funktioniert das z.B. im IE 6 noch nicht, dafür braucht man einen Hack.

          Zwei kleine Beispiele, wo ich das eingesetzt habe: configWYSQIWY - Example und Tolkien-Lexikon ~ Alles, was man aus Tolkiens Werken wissen muss (die Navi rechts).

          Kommentar


          • #6
            Ich glaub er hat sich nur unklar ausgedrückt. Ich denke er wollte eher sowas wie nen footer und nicht ne fixed position, das schließe ich aus

            ja aber wenn man das so macht und der text ist mal länger dann wird das bild soweit ich das verstehe mitten im text sein.

            Kommentar


            • #7
              Achso ^^

              Sprich, wenn der Text nicht den ganzen Bildschirm ausfüllt, soll der Footer trotzdem ganz unten sein, wenn der Text aber den ganzen Bildschirm ausfüllt und sogar mehr, soll der Footer einfach ganz unten unter dem Text angezeigt werden?

              Kommentar


              • #8
                genau das meinte ich

                sorry

                aber wie gesagt hab was gefunden und es geh

                hier...

                PHP-Code:
                <body>
                <
                div id="nonFooter">
                <
                div id="content">
                </
                div>
                <
                div id="footer"><img src="images/unten.jpg" width="900" height="16"/>
                </
                div>
                </
                div
                und hier css

                PHP-Code:
                #nonFooter
                {
                positionrelative;
                min-height100%;
                }

                html #nonFooter
                {
                height100%;
                }

                #content
                {
                padding-bottom6em;
                }

                #footer
                {
                positionrelative;
                margin-top: -0.4em;

                Kommentar

                Lädt...
                X