[whatwg] Bad CSS on the multipage version
Regarding your page at the URL http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level.html #the-embed: The following declaration is bad and wrong: Is: margin-top: -2.5em Should be: margin-top: -2.5ex Wrong: A horizontal unit is applied to a vertical measure Bad: Element headings (level 4) are invisible (obscured underneath the following content). Please fix ASAP. Chris
Re: [whatwg] Bad CSS on the multipage version
Well, whatever the EM stands for, the rule hides the headings from viewing in Internet Explorer, whereas the rule with EX makes them reappear. Chris -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Anne van Kesteren Sent: Wednesday, June 04, 2008 12:32 PM To: Křištof Želechovski; [EMAIL PROTECTED] Subject: Re: [whatwg] Bad CSS on the multipage version On Wed, 04 Jun 2008 12:25:28 +0200, Křištof Želechovski [EMAIL PROTECTED] wrote: Regarding your page at the URL http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level.html #the-embed: The following declaration is bad and wrong: Is: margin-top: -2.5em Should be: margin-top: -2.5ex Wrong: A horizontal unit is applied to a vertical measure Bad: Element headings (level 4) are invisible (obscured underneath the following content). Please fix ASAP. I don't see that problem. Also, em is just a shorthand for the font-size of the current element (or parent element if you specify it on font-size), it's different from the traditional em unit in that respect. -- Anne van Kesteren http://annevankesteren.nl/ http://www.opera.com/
Re: [whatwg] Bad CSS on the multipage version
On Wed, 04 Jun 2008 12:25:28 +0200, Křištof Želechovski [EMAIL PROTECTED] wrote: Regarding your page at the URL http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level.html #the-embed: The following declaration is bad and wrong: Is: margin-top: -2.5em Should be: margin-top: -2.5ex Wrong: A horizontal unit is applied to a vertical measure Bad: Element headings (level 4) are invisible (obscured underneath the following content). Please fix ASAP. I don't see that problem. Also, em is just a shorthand for the font-size of the current element (or parent element if you specify it on font-size), it's different from the traditional em unit in that respect. -- Anne van Kesteren http://annevankesteren.nl/ http://www.opera.com/
Re: [whatwg] Bad CSS on the multipage version
On Wed, 04 Jun 2008 12:39:31 +0200, Křištof Želechovski [EMAIL PROTECTED] wrote: Well, whatever the EM stands for, the rule hides the headings from viewing in Internet Explorer, whereas the rule with EX makes them reappear. It sounds like a bug in your browser. Did you test other browsers with your suggested replacement rule? I'd expect that to not work. -- Anne van Kesteren http://annevankesteren.nl/ http://www.opera.com/
Re: [whatwg] Bad CSS on the multipage version
Dear Anne: I do not think you can accuse Microsoft of letting a bug in EM. Things like EM and EX are very GUI-dependent. I do not have enough time and devotion to keep several browsers up to date. (I admit I have Safari installed but I understand it should not be used until fixed according to the recent security advisory). However, if you have another browser at hand, just save the source as an HTML document, replace the EM with EX and navigate to it. It may show some unwanted vertical white space; even if it does, it is still better than IE not showing the heading at all. Best regards, Chris -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Anne van Kesteren Sent: Wednesday, June 04, 2008 12:46 PM To: Křištof Želechovski; [EMAIL PROTECTED] Subject: Re: [whatwg] Bad CSS on the multipage version On Wed, 04 Jun 2008 12:39:31 +0200, Křištof Želechovski [EMAIL PROTECTED] wrote: Well, whatever the EM stands for, the rule hides the headings from viewing in Internet Explorer, whereas the rule with EX makes them reappear. It sounds like a bug in your browser. Did you test other browsers with your suggested replacement rule? I'd expect that to not work. -- Anne van Kesteren http://annevankesteren.nl/ http://www.opera.com/
Re: [whatwg] Bad CSS on the multipage version
On 04/06/2008, Křištof Želechovski [EMAIL PROTECTED] wrote: Regarding your page at the URL http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level.html #the-embed: [...] Element headings (level 4) are invisible (obscured underneath the following content). Seems to be an IE CSS bug like in http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0D%0A%3Cstyle%3E%0D%0A%20.a%20%7B%20border%3A2px%20blue%20solid%20%7D%0D%0A%20.b%20%7B%20border%3A2px%20green%20solid%3B%20background%3Ayellow%3B%20margin-top%3A-0.8em%20%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cdiv%20class%3Da%3EThis%20text%20should%20be%20visible%20on%20top%20of%20the%20yellow%0D%0A%20%3Cdiv%20class%3Db%3E...%3C%2Fdiv%3E%0D%0A%3C%2Fdiv%3E That case fails in IE7; it works in IE8 (and in recent versions of Firefox, Opera, Safari, Konqueror). I don't know if there's a 'proper' way to fix this, but adding h4 { position: relative; } into the page's CSS makes it work correctly in IE7, and doesn't affect any other browser. -- Philip Taylor [EMAIL PROTECTED]
Re: [whatwg] Bad CSS on the multipage version
On Wed, Jun 4, 2008 at 8:43 AM, Philip Taylor [EMAIL PROTECTED][EMAIL PROTECTED] wrote: On 04/06/2008, Křištof Želechovski [EMAIL PROTECTED] wrote: Regarding your page at the URL http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level.html #the-embed: [...] Element headings (level 4) are invisible (obscured underneath the following content). Seems to be an IE CSS bug like in http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0D%0A%3Cstyle%3E%0D%0A%20.a%20%7B%20border%3A2px%20blue%20solid%20%7D%0D%0A%20.b%20%7B%20border%3A2px%20green%20solid%3B%20background%3Ayellow%3B%20margin-top%3A-0.8em%20%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cdiv%20class%3Da%3EThis%20text%20should%20be%20visible%20on%20top%20of%20the%20yellow%0D%0A%20%3Cdiv%20class%3Db%3E...%3C%2Fdiv%3E%0D%0A%3C%2Fdiv%3Ehttp://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20html%3E%0D%0A%3Cstyle%3E%0D%0A%20.a%20%7B%20border%3A2px%20blue%20solid%20%7D%0D%0A%20.b%20%7B%20border%3A2px%20green%20solid%3B%20background%3Ayellow%3B%20margin-top%3A-0.8em%20%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cdiv%20class%3Da%3EThis%20text%20should%20be%20visible%20on%20top%20of%20the%20yellow%0D%0A%20%3Cdiv%20class%3Db%3E...%3C%2Fdiv%3E%0D%0A%3C%2Fdiv%3E That case fails in IE7; it works in IE8 (and in recent versions of Firefox, Opera, Safari, Konqueror). I don't know if there's a 'proper' way to fix this, but adding h4 { position: relative; } into the page's CSS makes it work correctly in IE7, and doesn't affect any other browser. -- Philip Taylor [EMAIL PROTECTED] If that fixes it, then it's almost certainly a hasLayout issue (that is, an IE7 bug). Position:relative is a hasLayout trigger in IE7. Generally speaking, an element's behavior when it has layout is the correct behavior (or at least *more* correct). ~TJ
Re: [whatwg] Bad CSS on the multipage version
Perhaps it is a bug; but I would not expect it to work anyway. It does not seem a good idea to draw the background from the next element by manipulating the margin. If you want to have a common background, either wrap both elements with a div (which would work for background images) or declare the same background on the first element (which would work for background colors). Chris -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Philip Taylor Sent: Wednesday, June 04, 2008 3:44 PM To: Křištof Želechovski Cc: [EMAIL PROTECTED] Subject: Re: [whatwg] Bad CSS on the multipage version On 04/06/2008, Křištof Želechovski [EMAIL PROTECTED] wrote: Regarding your page at the URL http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level.html #the-embed: [...] Element headings (level 4) are invisible (obscured underneath the following content). Seems to be an IE CSS bug like in http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E %0D%0A%3Cstyle%3E%0D%0A%20.a%20%7B%20border%3A2px%20blue%20solid%20%7D%0D%0A %20.b%20%7B%20border%3A2px%20green%20solid%3B%20background%3Ayellow%3B%20mar gin-top%3A-0.8em%20%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cdiv%20class%3Da%3EThis%20 text%20should%20be%20visible%20on%20top%20of%20the%20yellow%0D%0A%20%3Cdiv%2 0class%3Db%3E...%3C%2Fdiv%3E%0D%0A%3C%2Fdiv%3E That case fails in IE7; it works in IE8 (and in recent versions of Firefox, Opera, Safari, Konqueror). I don't know if there's a 'proper' way to fix this, but adding h4 { position: relative; } into the page's CSS makes it work correctly in IE7, and doesn't affect any other browser. -- Philip Taylor [EMAIL PROTECTED]