[CSS] Img in DIV unten positionieren

[mukraker]

Möchte ein Bild ein einem Div unten Positionieren !

html:

<div id="content">
  <div class="left_box">left</div>
  <div class="img_active">dasdasd</div>
  <div>all other</div>
</div>

css:

/*___ content ___*/
#content {
	background-image:url(../images/site/bg_content.gif);
	background-repeat:no-repeat;
	width:996px;
	height:545px;
}
	#content .left_box {
		width:86px;
		float:left;
		height:545px;
	}
	#content .img_active {
		width:86px;
		float:left;
		vertical-align:bottom;
		height:545px;
		background-color:#0033CC;
	}

Leider ist das Bild(oder zum testen auch text) immer oben

Wie gehts richtig ?

[mrhappiness]

background-position gibt's auch noch

[mukraker]

jo, ich wolltes es aber gerne auf den hintergrund legen!!!

Außerdem kann man das bild so schnell per CMS ändern.

[mrhappiness]

du meinst schon das bild, dass du per css in #content einbindest oder?

[mukraker]

das bild kommt in :

 <div class="img_active"><img .......... ></div>

[mrhappiness]

entweder du formatierst das bild selbst per css oder du gibst dem div padding

[mukraker]

padding muss ich je nach bildhöhe dann ja ändern !

gibts keine andere möglichkeit, will ungerne auf das <img nen css legen!


<div class="img_active"><img style="vertical-align:bottom" src="images/site/img_active_insnet.gif" width="86" height="256"></div>

das geht nicht !!!

[mrhappiness]

das padding bekommst du raus, da du in deinem cms ja irgendwie das neue bild hochladen musst, da kannst du ja gleich die höhe prüfen

ansonsten versuche mal position:relative und bottom:0

[wahsaga]

Original geschrieben von mukraker
<div class="img_active"><img style="vertical-align:bottom" src="images/site/img_active_insnet.gif" width="86" height="256"></div>

das geht nicht !!!

natürlich nicht - weil du offenbar eine vollkommen falsche vorstellung von der wirkungsweise von vertical-align hast!
das ist an dieser stelle nicht brauchbar.

[mukraker]

das bild ist von rubrik zu rubrik verschieden!

[mrhappiness]

Original geschrieben von mukraker
das bild ist von rubrik zu rubrik verschieden!

und?

entweder das padding-top von php immer ausrechnen lassen oder mit position und bottom arbeiten

könntest eventuell auch vertical-align und display:inline kombinieren, aber selbst wenn es gehen sollte: schön ist das nicht

[mukraker]

ich machs nun einfach so, dass das bild nach oben hin transparent ist.

so sind alle bilder gleich groß und damit einheitlicher!