html css float:right with img is not working fine -


html

<table class='titlestatus' id='title'>         <tr>             <td class='lefttop'></td>             <td class='bar'>punch data                 <img class='minmaxclose' src='images/close.png'>                 <img class='minmaxclose' src='images/max.png'>                 <img class='minmaxclose' src='images/minimize.png'>                 <img class='minmaxclose' src='images/setting.png'></td>             <td class='righttop'></td>         </tr>     </table> 

css

.minmaxclose{float: right;} 

output @ ie enter image description here

whereas need output on firefox enter image description here

apply float:left images first , apply float:right container containing images

.bar img{ float:left;//for shifting alongside }   .bar{ float:right;//for shifting entire division right side } 

Comments

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -