Icons verrutschen im IE
Lena
- html
Hallo,
Ich habe bei einer Webseite ein Problem.
Im IE/ verrutschen die Icons und werden nicht nebeneinander dargestellt sondern untereinander.
Das Problem wäre leicht zu lösen wenn es immer gleich viele Icons wären , diese werden aber generiert und es können 0 - X Icons vorkommen.
Wenn platz ist soll das icon hinter der Headlicne stehen wenn kein Platz ist sollen alle darunter dargestellt werden.
In dem Fall ist kein Platz und der FF macht alles richtig aber der IE nicht. Hat einer von euch eine Idee wie man das Lösen kann ?
Hier der Quelltext:
<style type="text/css" >
body {font-family:Verdana,Geneva;font-size:11px;}
.newslist_3days_element {float:left;padding-top:5px;width:251px;}
.date {color:#8C8C8C;float:right;font-size:10px;line-height:15px;}
.flr {float:right;}
a.title, a.title:hover, a.title:visited {color:#759928;float:left;font-weight:bold;line-height:15px;max-width:210px;padding-right:6px;}
.ts_icons {float:left;margin:2px 5px 0px 0px;min-width:48px;}
.ts_icons img {float:left;margin-right:2px;height:11px;width:24px;}
.fll_100p {float:left;width:100%;}
a.subtitle, a.subtitle:hover, a.subtitle:visited {color:#8C8C8C;float:none;
line-height:15px;width:100%;}
a.comment, a.comment:hover, a.comment:visited {color:#5D5D5D;}
</style>
<body>
<div class="newslist_3days_element" style=" border:1px solid black;padding:3px;">
<div class="date">08:52</div>
<div class="flr"><img width="5" alt="" src="/img/0.gif"/></div>
<a name="##" class="title" href="##">Kane & Lynch: Dead Men</a>
<div class="ts_icons">
<!---<img alt="" src="../img/icon1.gif"/>--->
<img alt="" src="../img/icon1.gif"/>
<img alt="" src="../img/icon1.gif"/>
</div>
<div class="fll_100p">
<a name="##" class="subtitle" href="##">Bilderlastige Hilfe für Unentschlossene</a> <a name="##" class="comment" href="##"><span class="bracket2">[</span><span class="counter2">0</span><span class="bracket2">]</span></a>
</div>
</div>
</body>