✔ Divs übereinander legen

[Sasser]

Hallo Leute!

Ich versuche 2 Divs übereinander zu legen, scheitere allerding daran!

echo "<div style='float:right;width:188px;height:47px;text-align:center;'>";
	if (premium ( $user ) == true) {
		echo "<a href='index.php?action=premium&city=$city'><img src='images/premium.gif' border='0'><img src='images/premium.gif' border='0'><img src='images/premium.gif' border='0'><img src='images/premium.gif' border='0'></a>";
	} else {
		echo "<a href='index.php?action=premium&city=$city'><img src='images/nopremium.gif' border='0'><img src='images/nopremium.gif' border='0'><img src='images/nopremium.gif' border='0'><img src='images/nopremium.gif' border='0'></a>";
	}
	echo "</div>";
	if ((premium ( $user ) == true) && ((showuserdetail ( 'premium', $user ) - 604800) <= time ())) {
		echo "<div style='float:right;z-index:1000;width:188px;height:47px;text-align:center;'><br><a href='index.php?action=premium&city=$city'><img src='images/error.png' border='0'>&nbsp;<font color='#FF0000'><b>Premium endet!</b></font></a></div>";
	}

Könnt ihr mit bitte helfen?

 

[Maik]

Hi,

z-index funktioniert nur in Verbindung mit einer Angabe zur Positionsart (absolute oder relative). Desweiteren fehlt da beiden DIVs eine Angabe zu ihrer Startposition (top, right).

<div style='position:absolute;top:0;right:0;float:right;width:188px;height:47px;text-align:center;'>box 1</div>
<div style='position:absolute;top:0;right:0;float:right;z-index:1000;width:188px;height:47px;text-align:center;'>box 2</div>

Achja, da wir uns hier nicht im PHP-, sondern im CSS-Forum befinden, darfst du hier zukünftig ruhig die geparste Version deines PHP-Codes zeigen.

mfg Maik

 

[Sasser]

Dankeschön!

Was bloß gerade in dem Format und da hab ich das faulerweise so gepostet

Wie kann ich die beiden Divs nun noch in einer Tebelle rechts an den Rand bringen?

 

[Maik]

Indem sie in einem DIV mit relativer Positionierung eingebunden werden:

<div style="position:relative;">
     <div style='position:absolute;top:0;right:0;float:right;width:188px;height:47px;text-align:center;'>box 1</div>
     <div style='position:absolute;top:0;right:0;float:right;z-index:1000;width:188px;height:47px;text-align:center;'>box 2</div>
</div>

mfg Maik

 

[Sasser]

OK dankeschön