✔ Wie z-index anwenden?

[CEZ]

das Bild welches unten im footer angedeutet ist.

Aber es handelt sich um main_verlaengerung. Hast du denn einen alternative Lösung für mich denn die Seite muss sich verlängern können und das Bild muss da platziert sein.

 

[Maik]

das Bild welches unten im footer angedeutet ist.

Das ist mir auch klar Nur wo versteckt es sich im Markup?

Aber es handelt sich um main_verlaengerung. Hast du denn einen alternative Lösung für mich denn die Seite muss sich verlängern können und das Bild muss da platziert sein.

Leider nein, wenn das mit z-index schichtpositionierte Grafikelement in der Höhe "mitwachsen" soll.

mfg Maik

 

[CEZ]

das Bild ist nur unten angedeutet, da ich zeigen wollte wo es sein soll. Es gibt also zurzeit keinen oberen Teil, ist also auch nicht versteckt ...

Das Bild soll sich in der Höhe nicht verlängern. Das Problem ist das es aber über den main_verlangerung soll, welcher sich eben verlängert. Deswegen dachte ich an den z-index.

 

[Maik]

Das Bild soll sich in der Höhe nicht verlängern. Das Problem ist das es aber über den main_verlangerung soll, welcher sich eben verlängert. Deswegen dachte ich an den z-index.

Und das Ganze soll sich vom Footer aus beginnend nach oben abspielen?

Dann müsste sich das Bild aber doch in der Höhe verlängern, wenn #main_verlaengerung eine dynamische Höhe besitzt.

Alles etwas konfus, was du hier vorträgst.

mfg Maik

 

[CEZ]

Ok nochmal langsam

Das Bild welches im Footer angedeutet ist, hat eine feste Höhe und geht ca. 80 px in die Höhe. Das heißt es geht über main_verlaengerung und in den Div darüber (abstand_bildbereich). Das Bild soll an der Unterkante kleben sodass wenn die Seite länger wird ,dass Bild immer ganz unten ist.

Ich hoffe das war etwas verständlicher.

 

[Maik]

Nicht wirklich.

1. Welche Unterkante von welchem DIV-Block?
2. Wo genau ist ganz unten?

mfg Maik

 

[CEZ]

an der weißen Unterkante wo der Arm noch drüber hängt, soll sich so wie es jetzt ist dauerhaft der Unterteil befinden. Der Teil der fehlt vom Bild liegt eben über den beiden anderen Div's (main_verlaengerung, bildleiste_abstand)

 

[Maik]

Wenn #footer der Ausgangspunkt deines Vorhabens ist:

<div id="footer">
    <div id="footer_navi"><a href="" title="home">home |</a><a href="" title="contact"> contact |</a><a href="" title="guestbook"> guestbook |</a><a href="" title="newsletter"> newsletter |</a><a href="" title="impress"> impress</a></div>
    <img id="bild" src="pfad/zur/grafik" alt="" />
</div>

lautet das CSS:

#footer{
        width:772px;
        height:67px;
        float:left;
        background-image: url(../bilder/footer.png);
        position:relative;
}

#footer #bild {
        position:absolute;
        bottom:0;
        left:390px;
}

mfg Maik

 

[CEZ]

danke dir, klappt wunderbar. Muss mir nun nur noch Gedanken machen, wie ich den Rest vom Bild unten ausrichte, denn der Link von dir den du eben geschickt hattest funktioniert nicht.

Danke dir.

 

[Maik]

Welcher Link funktioniert nicht?

In meinem verlinkten Webmaster-FAQ-Artikel wird nichts anderes umgesetzt, wie gerade eben von mir vorgeschlagen.

mfg Maik