div Tag ganz unten ausrichten

  • geschlossen
  • HTML & CSS

  • Taxel
  • 4307 Aufrufe 14 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • div Tag ganz unten ausrichten

    Hi Leute,
    ich will ein div Tag (#untenverlauf) ganz unten auf der Seite (also nicht fixed) positionieren;
    Irgendwie funktioniert das aber nicht im Geringsten:
    HTML:

    HTML-Quellcode

    1. <div id="wrapper">
    3. <div id="obenverlauf">steht oben</div>
    4. <div id="untenverlauf"> sollte ganz unten stehen- tut es aber nicht</div>
    5. </div>

    die Css:

    HTML-Quellcode

    1. #obenverlauf {
    2. position: absolute;
    3. background-image: url(../images/bg_01.jpg);
    4. height: 447px;
    5. width: 100%;
    6. left: 0px;
    7. top: 0px;
    8. }
    9. #untenverlauf {
    10. position: absolute;
    11. background-image: url(../images/bg_03.jpg);
    12. height: 548px;
    13. width: 100%;
    14. left: 0px;
    15. bottom: 0px;
    16. }
    18. body {
    19. margin:0;
    20. padding:0;
    21. }
    22. #wrapper {
    23. height:100%;
    24. position:relative;
    25. min-height: 100%;
    26. }
    Alles anzeigen


    Sinn der Sache ist, als Hintergrundbild ganz oben einen Verlauf von Dunkel zu hell einzublenden, und das Ganze unten wieder nach Dunkel zu überblenden, wenn der Inhalt der Seite zu Ende ist.
    Allerdings ist der 2.Verlauf dann nicht am Ende der Seite.


    Hoffend auf Hilfe

    Taxel
    Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.
    Irren ist menschlich, doch im Irrtum zu verharren ist ein Zeichen von Dummheit.

    -Cicero

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Taxel ()

  • ich will den footer aber nicht am unteren Bildschirmrand stehen haben, sondern am Ende der Seite
    Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.
    Irren ist menschlich, doch im Irrtum zu verharren ist ein Zeichen von Dummheit.

    -Cicero

  • Ja, stimmt. Hattest du ja sogar oben hingeschrieben. Keine Ahnung wo ich wieder mit meinen Gedanken war... ;)
    In dem Fall weiß ich allerdings momentan auch nicht weiter.
    Was mich interessieren würde ist, wo wird denn die untere Grafik momentan angezeigt, wenn nicht am Seitenende?
    Hier könnte Ihre Werbung stehen...

  • ganz oben.
    unter der für oben.
    glaub ich.
    zwar sieht man sie nicht, aber mit dreamweaver sieht man, dass sie sich unter der anderen befindet.
    Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.
    Irren ist menschlich, doch im Irrtum zu verharren ist ein Zeichen von Dummheit.

    -Cicero

  • Hi,
    also height:100% bringt nichts, solange html und body nicht den selben Wert haben - siehe: freesoft-board.to/f291/geschlo…a-470889.html#post4631416

    @Prob: Warum benutzt du denn position:absolute?

    Gruß
    Broken Sword
    Auf dem Abstellgleis sah man ihn liegen,
    Auf dem Abstellgleis zwischen Schwelle und Gestein,
    Auf dem Abstellgleis im strömenden Regen,
    Auf dem Abstellgleis allein.

  • Also,
    1. wenn ich height:100% weg mache ändert das Nichts.
    und 2. Weil position:relative auch nicht geht und ich es ja nicht fixed will.
    Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.
    Irren ist menschlich, doch im Irrtum zu verharren ist ein Zeichen von Dummheit.

    -Cicero

  • Zu 1.) lese dir noch mal meine Antwort durch :D

    Zu 2.) funktioniert doch ganz gut ohne absolute Position oder was willst du anders haben?
    hosting.freesoft-board.to/file…4cf7bddec08f48e0813e1.jpg

    Gruß
    Broken Sword
    Auf dem Abstellgleis sah man ihn liegen,
    Auf dem Abstellgleis zwischen Schwelle und Gestein,
    Auf dem Abstellgleis im strömenden Regen,
    Auf dem Abstellgleis allein.

  • Toter Link
    jetzt haben beide relative
    Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.
    Irren ist menschlich, doch im Irrtum zu verharren ist ein Zeichen von Dummheit.

    -Cicero

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Taxel ()

  • Dankeschön, ohne positition gehts.
    Wenn du mir jetz bitte noch erklären könntest, wieso, wär das sehr nett.
    Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.
    Irren ist menschlich, doch im Irrtum zu verharren ist ein Zeichen von Dummheit.

    -Cicero

  • Einfach mal das Manual aufschlagen ;)
    CSS position property
    Absolute - Position zum ersten Element mit einer anderen Position als static.
    Fixed - Position zum Browserfenster
    Static - Standardwert; normal.
    Relativ - Normal + top,left etc. werden zur normalen Position dazu gerechnet.

    Gruß
    Broken Sword
    Auf dem Abstellgleis sah man ihn liegen,
    Auf dem Abstellgleis zwischen Schwelle und Gestein,
    Auf dem Abstellgleis im strömenden Regen,
    Auf dem Abstellgleis allein.

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Broken Sword ()