Willkommen in der Webstatt Zum Webstatt Blog und Stories
MendaX MendaX 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?
milahu milahu am 18.03.06 23:42

Ganz am Ende von <body> notieren.

MendaX MendaX 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.

milahu milahu am 19.03.06 09:23

Quote
Original von MendaX
hab ich ja...

Nur warum willst du es dann noch positionieren? 0o

MendaX MendaX 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]

Michael Michael am 19.03.06 11:46

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

Klappt das vielleicht?

MendaX MendaX 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...

Michael Michael 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.

MendaX MendaX am 19.03.06 12:51

ich arbeite mit z-index...^^

okay ich poste einfach mal den Anfabng meiner Page!

klick

milahu milahu 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

MendaX MendaX 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!

milahu milahu 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?

Michael Michael am 19.03.06 13:31

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

MendaX MendaX 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

milahu milahu 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.

MendaX MendaX 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!

milahu milahu am 19.03.06 16:36

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

MendaX MendaX 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...

milahu milahu am 19.03.06 16:46

body !== html,body

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

MendaX MendaX 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

milahu milahu 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.

MendaX MendaX am 19.03.06 17:28

okay, danke

aber ich hatte desawegen ja extra gesagt:

schau dir mein CSS an ^^

MendaX MendaX 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