Ich möchte ein Icon vor einem DIV in einer Reihe platzieren.
Leider funktioniert das so einfach nicht, weder im Firefox noch im Internet Explorer ( 6 / 7 / 8 ).
Schon einmal vorweg: Die Seite ist noch offline und ich kann keinen Link bereitstellen
.
Ich verwende das folgende HTML-Konstrukt:
HTML-Code:
[...]
<ul class="list">
[...]
<li><a href="/test2">
<img alt="Symbol" src="/img/static/test/icon.png" class="icon" />
<div class="stripe">
Text Text Text<br />
Text Text Text
</div>
</a></li>
[...]
</ul>
[...]
Code:
[...]
.icon {
float:left;
}
.stripe {
border:thin solid white;
background-image:url('/img/static/test/bcks.png');
background-repeat:repeat-x repeat-y;
float:right;
width:80%;
height:150px;
}
[...]
Leider bricht der DIV, wie oben aus der Skizze ersichtlich, um. Genau das aber möchte ich eben nicht.
Ich sollte zudem erwähnen, dass dieses Problem bereits in einem anderen Forum besprochen wurde:
http://www.phpforum.de/forum/showthread.php?p=1438655
Vielen Dank für eure Antworten im Voraus!
Mit freundlichen Grüßen
Innocentus