(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.
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]
<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.