Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 23.01.2011, 22:48
Innocentus Innocentus ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.06.2007
Beiträge: 31
Innocentus befindet sich auf einem aufstrebenden Ast
Pfeil Relative DIV-Breite

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

Geändert von Innocentus (23.01.2011 um 22:55 Uhr)
Mit Zitat antworten
Sponsored Links