Advanced Search

Return to Snippet

Revision: 3406
at July 20, 2007 06:12 by valcartei
Initial Code 
Create a news CSS document (iestyles.css):
/*Style for IE7*/
#adv-search dl{
margin: 0;
padding: 0;
}
#adv-search dt{ 
margin: 0;
padding: 0;
display:inline;
}
#adv-search dd{
margin: 0;
padding: 0;
display:inline;
float: none;
}
#adv-search dt+dd{
display:block;
}

HTML head:
<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="../css/iestyles.css" />
<![endif]-->
HTML body apply adv-search id to the div containing the dl.
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
have dt and dd inline is done automatically in Firefox, but screws up in IE7. So we need additional css rules, which have to be applied only if IE is used.

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
definition list, dt and dd on same line IE7

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
layout

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
PHP