Ah, ein Spezialfall: Listen neben einem gefloateten Bild.
Damit nicht nur der Text sondern auch die Listenzeichen bündig zum Text neben das Bild platziert werden, kannst Du für die Liste display:table einstellen. Dies kennt auch der IE6, sofern die Eigenschaft hasLayout gegeben ist, was man z. B. durch zoom:100% erreicht. Stelle mal für die Liste und die Listenpunkte folgendes ein:
Code:
.ce_text ul
{
display:table;
margin:0;
padding:9px 0;
}
.ce_text li
{
margin-left:20px;
}
*html .ce_text li
{
zoom:100%;
}
Der Nachteil dieser Methode ist, dass unsortierte Listen, die nicht neben gefloateten Bildern platziert sind, eingerückt werden. Diese hier nicht, weil durch das margin-left des Listenpunktes lediglich der Abstand zum Bild hergestellt wird. Das Problem ließe sich duch eine extra Klasse aufheben, oder man definiert ein Hintergrundbild für die Listenpunkte. Auf meiner Website ist der Listenpunkt als Grafik angegeben:
Code:
.ce_text li
{
padding-left:16px;
background:url("tl_files/boldt_media/layout/bullet.gif") left top no-repeat;
list-style-type:none;
}
Gruß
Harry
Lesezeichen