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