P in DIV

[DenisCGN]

Guten Morgen,

ich habe ein Problem und komme einfach nicht weiter. Ich möchte gerne das mein P Tag in einem DIV unten rechts ausgerichtet ist mit einem margin-right 10 und margin-bottom 10.

<div class="TeaserLeft"><img src="{artistimage}" width="450" height="300" /></div>
<div class="TeaserRight">
<h1>{artistname}</h1>
<p>Genre: {artistgenre}<br />
Gründungsjahr: {artistyear}<br />
Heimatort: {artistort}<br />
Besetzung: {artistmembers}<br />
<a href="#" class="TeaserLink">...mehr über dem Künstler</a></p>
</div>

.TeaserLeft {
	width: 450px;
	height: 300px;
	float: left;
}
.TeaserRight {
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	width: 234px;
	height: 286px;
	float: left;
	margin: 4px 10px 10px 20px;
}
.TeaserRight h1 {
	font-size: 20px;
	text-transform: uppercase;
}
.TeaserRight p {
	font-size: 14px;
	text-align: right;
}
.TeaserRight a {
	display: block;
	margin-top: 20px;
	color: #CCCCCC;
	text-decoration: none;
	font-size: 12px;
}
.TeaserRight a:hover {
	color: #FFFFFF;
}

POSITION-ABSOULTE geht nicht, da es ein DW-SPRY Sliding Panel ist.

Das Bild soll mal veranschaulichen was ich meine :-)


Grüße
der Denis

[jayjay]

moin, vielleicht bringt dich das weiter:

	position: fixed;
	bottom: 0px;

und die entsprechende höhe...

[DenisCGN]

Leider nein :-(

Das haut mir den P_Tag aus dem Design an die browserkante.

[jayjay]

hast du nen link dazu?

[wildmieze]

hmm .. meines wissens bezieht sich "fixed" grundsätzlich auf das browserfenster ... normalerweise müsste es mit position:absolute gehen, wenn der kasten drumrum ein relative (oder auch absolute) bekommt .. aber da du das nicht verwenden kannst .. *kratzamkopp* ... muss der äußere kasten denn immer dieselbe höhe haben? .. ansonsten wärs ja kein problem, wenn einfach immer der letzte absatz rechts unten stehen soll ..

[DenisCGN]

http://www.localhero.de/_Slide/Box.php

Voila,

ich bin mitlerweile schon zufrieden, wenn der ganze Text unten rechts ausgerichtet ist :-)

Grüßle

[sejuma]

.TeaserRight {
font-family: "Trebuchet MS";
color: #FFFFFF;
width: 234px;
height: 286px;
float: left;
margin: 4px 10px 10px 20px;
position: relative;
}

Damit kannst du dann innerhalb dieses Divs den Absatz absolut positionieren, wie von wildmieze bereits vorgeschlagen.
pos. absolute bezieht sich immer auf das nächst höhere relativ oder absolut positionierte Element. Sind keine solchen vorhanden, ist es der body. Deshalb wandert auch bisher dein Absatz an den unteren Body-Rand.

[DenisCGN]

So einfach...

mein äußeres DIV hat bereits ein relative, und da hatte ich gedacht dann brauche ich kein weiteres.

Jetzt klappt es und sogar so wie ich das ursprünglich haben wollte.

Vielen DANK!

der Denis