Vertigo81
Threadersteller
Dabei seit: 22.06.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 14.12.2011 13:22
Titel [CSS] Bild in DIV mitwachsend UND unten ausgerichtet? |
|
|
hallo,
ich habe ein bild, welches innerhalb eines DIVs immer auf volle breite und höhe angezeigt werden soll (also mitwachsend. background-image ist somit nicht möglich). das funktioniert auch ganz gut, nur schaffe ich es nicht, dieses bild dann am unteren rand anzusetzen.
hier der html-code:
Code: |
<body>
<div id="content">
<div id="hg_bild">
<img src="images/hg_dunkel.jpg"/>
</div>
</div>
</body>
|
hier der CSS-code:
Code: |
body{
font: 12px/18px Arial, Helvetica, sans-serif;
color:#2a2914;
padding:0;
margin:0;
}
#content{
position:relative;
z-index:1;
margin-left:auto;
margin-right:auto;
}
#hg_bild{
position:relative;
z-index:1;
margin-left:auto;
margin-right:auto;
}
#hg_bild img{
width: 100%;
margin:0px;
padding:0px;
}
|
wenn ich nun zum beispiel das bild auf position:absolute; und bottom:0; setze, verschwindet dieses. liegt wahrscheinlich daran, dass das bild am oberen rand nicht "darunter verschwinden" kann, richtig? ich bin schon tausend gedankengänge durchgegangen und komme zu keinem ergebnis... hilfe wäre der oberknaller!
danke und gruß,
vertigo
|
|