✔ Zwei Ebenen sollen untereinander stehen, nicht nebeneinander

[folio]

Hi,

die beiden Elemente "Sonderangebot" (der Kasten mit dem Verlauf und den gezackten Ecken) und die Ebene wo der Preis drinsteht sollen untereinander stehen, das Element "Sonderangebot" oben.

http://img297.imageshack.us/img297/4733/positionierung6mk.png

Der Quelltext sieht so aus:

<div id="sonderbild"></div><div class="sonder"><s>113.12EUR</s> <span class="productSpecialPrice">17.79EUR</span></div>

Das CSS so:

.preis {
	background-color: #A6D3E6;
	border-bottom: 4px solid #469DC3;
	font-weight: bold;
	font-size: 105%;
	width: 150px;
	padding: 5px;
	float: right;
}

.sonder {
	background-color: #FF9898;
	border-bottom: 4px solid #D40000;
	font-weight: bold;
	font-size: 110%;
	width: 150px;
	padding: 5px;
	float: right;
	color: #fff;
}

Kann mir einer helfen?

gruß folio

 

[Maik]

Ich hoffe, dein Anliegen richtig verstanden zu haben.

div#sonderbild
{
float: right;
}

div.clear
{
clear: both;
}

.preis {
        background-color: #A6D3E6;
        border-bottom: 4px solid #469DC3;
        font-weight: bold;
        font-size: 105%;
        width: 150px;
        padding: 5px;
        float: right;
}

.sonder {
        background-color: #FF9898;
        border-bottom: 4px solid #D40000;
        font-weight: bold;
        font-size: 110%;
        width: 150px;
        padding: 5px;
        float: right;
        color: #fff;
}

<div id="sonderbild">Sonderbild</div>

<div class="clear"></div>

<div class="sonder"><s>113.12EUR</s>
     <span class="productSpecialPrice">17.79EUR</span>
</div>

 

[folio]

danke


asdf