div Tag ganz unten ausrichten

[Taxel]

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:

<div id="wrapper">

<div id="obenverlauf">steht oben</div>
  <div id="untenverlauf"> sollte ganz unten stehen- tut es aber nicht</div>
</div>

die Css:

#obenverlauf {
           position: absolute;
	background-image: url(../images/bg_01.jpg);
	height: 447px;
	width: 100%;
	left: 0px;
	top: 0px;
}
#untenverlauf {
           position: absolute;
	background-image: url(../images/bg_03.jpg);
	height: 548px;
	width: 100%;
	left: 0px;
	bottom: 0px;
}

body {
	margin:0;
	padding:0;
}
#wrapper {
	height:100%;
	position:relative;
	min-height: 100%;
}

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

 

[Shadowww]

Versuch es mal mit position: fixed; statt absolute. Ich habe damit mal einen Footer eingebunden, und der stand auch immer ganz unten, so wie er sollte.

 

[Taxel]

ich will den footer aber nicht am unteren Bildschirmrand stehen haben, sondern am Ende der Seite

 

[Shadowww]

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?

 

[Taxel]

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.

 

[Broken Sword]

Hi,
also height:100% bringt nichts, solange html und body nicht den selben Wert haben - siehe: http://www.freesoft-board.to/f291/geschlossen-css-div-height-100-a-470889.html#post4631416

@Prob: Warum benutzt du denn position:absolute?

Gruß
Broken Sword

 

[Taxel]

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.

 

[Broken Sword]

Zu 1.) lese dir noch mal meine Antwort durch

Zu 2.) funktioniert doch ganz gut ohne absolute Position oder was willst du anders haben?
http://hosting.freesoft-board.to/files/8aa84cf7bddec08f48e0813e1.jpg

Gruß
Broken Sword

 

[Taxel]

zu 1. damit wollte ich dir Recht geben
zu 2. Bei mir siehts so aus: http://hosting.freesoft-board.to/files/c5d66cb82593d3a64523761c8.jpg
also ist es nur bei fixed ganz unten, was ich ja wie gesagt eben nicht will

 

[Broken Sword]

Bei mir haben beide relative und es sieht aus, wie erwartet.
Hast du denn mal ein Link?

Gruß
Broken Sword

 

[Taxel]

Toter Link
jetzt haben beide relative

 

[Broken Sword]

Nein haben sie nicht - oben ist noch absolute
Am besten position-Angaben einfach löschen.

Gruß
Broken Sword

 

[Taxel]

Dankeschön, ohne positition gehts.
Wenn du mir jetz bitte noch erklären könntest, wieso, wär das sehr nett.

 

[Broken Sword]

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

 

[Taxel]

Ok Danke.
Dürfte es verstanden haben.

-->zu