Willkommen in der Webstatt
User-1 am 18.03.06 22:52

Wie schaffe ich es, dass

#footer {
background: #F6F6F6 url(../img/image_13.jpg);
position: absolute;
width: 100%;
height: 15px;
left: 0px;
bottom: 0px;
z-index: 5;
}


meine Grafik nicht nur an den unteren Rand meines Brwosers befördert, sondern, dass sie, wenn die Seite größer als 100% ist (also gescrollt werden muss), sie wirklich ganz unten von der Seite ist?

netcup.de Warum gibt es hier Werbung?
User-2 am 18.03.06 23:42

Ganz am Ende von <body> notieren.

User-1 am 19.03.06 00:06

hab ich ja...

es hängt aber trotzdem nur am unteren Rand vom Brwoser, aber nicht am Ende der Seite.

User-2 am 19.03.06 09:23

Quote
Original von xyz-140
hab ich ja...

Nur warum willst du es dann noch positionieren? 0o

User-1 am 19.03.06 11:43

Okay, zum verständnis ein Bild!

Auf diesem Bild sieht man das unetre Ende einer Seite. Und diese grüne Grafik sollte eigentlich nach gaaaanz unten und nicht irgendwo in der Gegend rumschweben!!!!!!

Und wenn ich nicht scrolle hängt sie am ENDE meines BROWSERFENSTERS, aber NICHT am ENDE meiner PAGE!!!!

[IMG]http://mendaxde.h707919.serverkompetenz.net/line.jpg[/IMG]

User-3 am 19.03.06 11:46

body {
background: #farbe url(diegrafik) center bottom;
}

Klappt das vielleicht?

User-1 am 19.03.06 12:05

nein, dann erscheint gar nichts.
aber es muss doch möglich sein, eine Grafik mittels css nach ganz unten zu befördern...

User-3 am 19.03.06 12:08

Es wird gar nichts angezeigt? Das kann eigentlich nicht sein...

Es ist doch sogar mit HTML möglich:

<body>
<div>deine ganze Seite</div>
<img src="deinBIld" alt="" />
</body>

Einzig wenn nicht die ganze Seite ausgefüllt wird - was ja anscheinend der Fall ist - klappt es nicht.

User-1 am 19.03.06 12:51

ich arbeite mit z-index...^^

okay ich poste einfach mal den Anfabng meiner Page!

klick

User-2 am 19.03.06 13:08

body{
background:url(../img/image_13.jpg) repeat-x center bottom;
}


Ein Ketzer, der behauptet, dass das nicht geht. Oder er verwendet den falschen Browser :D

User-1 am 19.03.06 13:27

geh auf den Link oben ^^ und schaus dir an, schau dir den Quelltext an und auch mein CSS! habe es gerade zum zweiten mal ausprobiert!!

Es geht nicht!

User-2 am 19.03.06 13:30

Du musst schon das Stylesheet anpassen, sonst kann sich wenig ändern.
Oder hast du noch irgendwo ein zweites Stylesheet versteckt?

User-3 am 19.03.06 13:31

In jedem Fall dürfen das content und footer div den Hintergrund an der Stelle nicht überdecken.

User-1 am 19.03.06 15:09

und wie erreiche ich das bei meinem CSS-Quelltext?

Sry, aber das ist meine erste CSS-Seite... ich weiß es einfach nicht

User-2 am 19.03.06 15:40

<div id="footer"></div>raus aus'm HTML,
body{
background:url(../img/image_13.jpg) repeat-x center bottom;
}
rein in's CSS.
Kann doch nicht so schwer sein.

User-1 am 19.03.06 16:07

ja das kann ich ja auch und hab ich auch schon 5 mal probiert... aber das geht nicht!

ich weiß nicht wieso... es wird einfach nicht angezeigt!

User-2 am 19.03.06 16:36

Pass mal die online-Version an, das will ich sehen! ;)

User-1 am 19.03.06 16:38

abgeändert: klick

ich würde gerne wissen, an welchem futzifehler das wieder liegt -.-

ich hasse sowas... irgend n dummer Fehler ist es wieder...

User-2 am 19.03.06 16:46

body !== html,body

Versuch ma
body{
padding:50px;
background:url(../img/image_13.jpg) repeat-x center bottom;
}

User-1 am 19.03.06 16:54

okay, hab unten nun eine weiße Fläche...

ich seh das mal als Fortschritt an^^

habs grad hochgeladen.. kannst es dir ja ansehen

User-2 am 19.03.06 17:22

Ich sehe sogar das Hintergrundbild und stelle gerade fest: Du positionierst ja so gut wie alles absolut! ;(
Da isses ja klar, dass alles verdeckt wird..
Schau dich mal in der Intensivstation um, da kannst dir ja die Technik des "Floatens" abgucken.

User-1 am 19.03.06 17:28

okay, danke

aber ich hatte desawegen ja extra gesagt:

schau dir mein CSS an ^^

User-1 am 19.03.06 18:45

okay ich geb auf...

ich mach ein fixed draus... sieht immerhin auch net schlecht aus...

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt