Thanks Bill, Bettina. It works perfectly now. "...if you trigger hasLayout on a block element, and then set it to display:inline, it magically becomes an inline-block in IE!" [1]
I wonder if we will ever regain all of the time we've wasted trying to get IE6 to behave. [1] http://foohack.com/2007/11/cross-browser-support-for-inline-block-stylin g/ -----Original Message----- From: Bill Brown [mailto:macnim...@gmail.com] Sent: Monday, March 16, 2009 12:11 PM To: Geoffrey Hoffman Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] inline-block ignored by IE6 Geoffrey Hoffman wrote: > I've already had a look at trying to force hasLayout, using zoom: 1 [1], > and other IE6/7 inline-block posts[2] but none seem to work in my case. > > Any suggestions? The display:inline must be in a separate rule for IE. This should do it: ~~~ h1 { border-bottom: 1px solid maroon; display: inline-block; font-size: 160%; font-family: "Times New Roman", Times, serif; font-variant: small-caps; } h1 { /* FOR IE: _MUST_ BE IN A SEPARATE RULE */ display: inline !ie; } <h1>Lorem Ipsum Dolor Sit Amet</h1> ~~~ Hope it helps. --Bill -- <!-- ! Bill Brown <macnim...@gmail.com> ! Web Developologist, WebDevelopedia.com --> ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
