✔ Problem mit Positionierung

[psifactory]

Hi Leute,

folgendes Problem. Ich habe in meinem DIV ein weiteres DIV welches an die untere rechte Ecke des ersten soll. Allerdings krieg ich das irgendwie nicht richtig positioniert.

Hier mal das Ganze im Code:

<div class="news_item">	
        	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit loborti</p>
            <div class="news_more">
            	<a href="#">..mehr!</a>
            </div>
        </div>

.news_item {
	background:#58575C url(../img/layout/news_item_bg.gif) top right no-repeat;
	width:440px;
	height:150px;
}

.news_more {
	height:15px;
	margin-left:20px;
	position:absolute;
	width:100px;
	background-color:#99ff00;
}

LG

 

[Maik]

Hi,

Webmaster FAQ -> CSS Wie richte ich eine Box am unteren Rand der Elternbox aus?

.news_item {
        background:#58575C url(../img/layout/news_item_bg.gif) right top no-repeat;
        width:440px;
        height:150px;
        position:relative;
}

.news_more {
        height:15px;
        margin-left:20px;
        position:absolute;
        right:0;
        bottom:0;
        width:100px;
        background-color:#99ff00;
}

mfg Maik

 

[psifactory]

Oh mann.. Das mit bottom und right hatte ich schon versucht. Aber die .news_item mit postion:relative zu versehen da wär ich heut nicht mehr drauf gekommen. Aber danke nochmal

LG