Unterkante von Bild an Unterkante vom Bildschirm ausrichten

LemkeManuel · 17 Juli 2010

(vorab: Recherche-Suchergebnisse=0, Webfirma an heuern kommt nicht in Frage, Ajax, js, PHp -sowie den Sinn des Lebens in Antwort bitte nicht erwähnen, keine abschweifenden Diskussionen oder Kommentare zu Kommentaren zu Kommentaren, keine Hinweise was ich woanders suchen soll, keine Ratschläge oder Fragen wozu das denn überhaupt gut sein soll, keine Smilies, wer nix weis: "Augen geradeaus!/ Weitergehen!" - Bitte nur k ontruktive k onkrete k omplette A ntwort. Das Konzept lautet:
"k³A" Vielen Dank für Ihr/ Dein Verständnis.)

- Wie kann ich ein großes Bild, innerhalb eines ersten begrenzenden Div-Tags-, mit oder ohne ein weiteres- untergeordnetes Div, -mit dessen Unterkanten am Bildschirm unten mittig ausrichten?
- Das erste Div-Tag definiert den Rahmen, welcher oben einen Abstand hat und an die sonstigen Bildschirmränder heran reicht.

Danke.

mermshaus · 17 Juli 2010

Zum Beispiel so.

- Getestet im Firefox und im IE7 und IE8.
- Funktioniert nicht im IE6. #outer müsste dort eine feste Höhe gesetzt bekommen.

HTML:

<!DOCTYPE html>

<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>New</title>

        <style type="text/css">

body {
    margin: 0;
    padding: 0;
}

#outer {
    background: #0f0;
    width: 100%;
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
}

#test-container {
    width: 100%;
    position: absolute;
    height: 200px;
    bottom: 0;
    left: 0;
}

#test {
    background: #f00;
    height: 200px;
    width: 500px;
    margin: 0 auto;
}


        </style>
    </head>

    <body>
        <div id="outer">
            <div id="test-container"><div id="test"></div></div>
        </div>
        
    </body>

</html>

Offtopic:

Ein gut gemeinter Hinweis: Bei allem Verständnis dafür, dein Problem möglichst präzise gelöst zu bekommen: Mit Abschnitten wie der Einleitung im Ausgangspost machst du dir in Internetforen keine Freunde und verringerst dadurch deine Chancen auf gute Antworten um ein Vielfaches. Es ist unhöflich, auf der einen Seite nach Hilfe zu fragen, auf der anderen Seite aber Nutzern, die dir helfen wollen, vorzuschreiben, wie sie dies zu tun haben.

Unterkante von Bild an Unterkante vom Bildschirm ausrichten

LemkeManuel

Neues Mitglied

mermshaus

Senior HTML'ler

Neueste Beiträge