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

user interface - Python attempting to create a simple gui, getting "AttributeError: 'MainMenu' object has no attribute 'intro_screen'" -

jquery - Common JavaScript snippet to share files on Google Drive, Dropbox, Box.net or SkyDrive -

Android Gson.fromJson error -