On 1/5/11 11:12 PM, "G.Sørtun" wrote:
On 06.01.2011 07:21, David Hucklesby wrote:
Here's my attempt to put a gradient behind some headings. To get
Microsoft's gradient filter to work, I must give the headers
"layout." This causes the headings to expand in width in IE6, and
to shrink in IE7:
<http://thewebwiz.net/temp/has-layout-long-and-short/>
Since you're apparently are using an em-sized layout, removing all
present triggers and then adding...
.vcalendar h3 { width: 21em; }
...should trigger hasLayout without negative effects.
An essential part of the layout is the "shrink-to-fit" float around the
calendar. (It could be positioned or inline-block, too.) In real
browsers, the headings are only as wide as the longest calendar entry.
Applying a specific width won't give me this result. I tried width:
100%; but that failed the same way.
Thanks to Al, too. Your "quickie" solution is exactly what I am using!
It appears to be the existence of "hasLayout" on the .vcalendar that
causes the problem (due to it being floated...)
On 1/6/11 6:57 AM, Birendra wrote:
Hi David
As I seen your css, I try to add this value in your<h3> css
"Display: Block"
And then see is it work or not.
Nope. Sorry.
Cordially,
David
--
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
