Advanced Search

Return to Snippet

Revision: 7108
at July 7, 2008 06:53 by Uzbekjon
Initial Code 
/*
   Instead of this
*/
#content {
	float: left;
	width: 500px;
	padding: 10px 15px;
	margin-left: 20px;
}

/*
   Do this
*/
#content {
    float: left;
    width: 500px;
    padding: 10px 15px;
    margin-left: 20px;
    display:inline;
}
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
It’s an Internet Explorer-exclusive bug wherein an element that is floated – and given a margin in the same direction as the float – ends up with twice the specified margin size. The fix is extremely simple. All you have to do is apply a display: inline rule to your floated element.

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
Bug Fix: IE Double Margin Float Bug

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
css, ie

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
CSS