[WSG] Please explain use of html#____
Hi I just read the brilliant article on font sizing at Usable type that Russ pointed us to (http://usabletype.com/styles/sizes/) and had a look at the style sheet in use and was wondering what this meant. #wrap { padding:0; text-align:left; margin:10px auto 0 auto; width:700px; color:#333; font: x-small/1.4 arial, verdana, georgia, sans-serif; voice-family:\}\; voice-family:inherit; font: small/1.4 arial, verdana, georgia, sans-serif; } html#wrap { font-size:small; } the html# is used a bit eg and I was wondering what it meant... #sideinfo { float:right; width:160px; border-left:1px solid #ccc; margin:0; padding:0; font-size:xx-small; voice-family:\}\; voice-family:inherit; font-size:x-small; } html#sideinfo { font-size:x-small; } Thanks Helen *** Helen Rysavy Web Designer, Teaching Learning Development Charles Darwin University, Northern Territory 0909 Tel: 8946 7779 Mobile: 0403 290 842 mailto:[EMAIL PROTECTED] www.cdu.edu.au CRICOS Provider No: 00300K *** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Please explain use of html#____
On Wed, 22 Dec 2004 08:31:27 +0930, [EMAIL PROTECTED] wrote: is a child selector: http://www.w3.org/TR/2004/CR-CSS21-20040225/selector.html#child-selectors html#wrap means element with id=wrap inside html (but not inside other element inside html). If its not body id=wrap (or head) then it doesn't match anything in html. So, in this case it's CSS hack. AFAIK IE5/win ignores and + selectors and iterprets it as html #wrap. There are other variations: Such code: * selector {} hides CSS from IE6, and: * html selector {} hides code from everything except IE. -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Please explain use of html#____
' ' is CSS for 'child of'. In this instance - html#wrap - it means any element with an id of 'wrap' that is a child of the html element. The reason they've used it here is probably because IE does not understand that selector, so it will ignore the rule. Hope that cleared it up a bit for you :) Andrew. http://leftjustified.net/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Please explain use of html#____
' ' is CSS for 'child of'. In this instance - html#wrap - it means any element with an id of 'wrap' that is a child of the html element. The reason they've used it here is probably because IE does not understand that selector, so it will ignore the rule. Hope that cleared it up a bit for you :) Andrew. http://leftjustified.net/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Please explain use of html#____
Kornel Lesinski wrote: So, in this case it's CSS hack. AFAIK IE5/win ignores and + selectors and iterprets it as html #wrap. Still trying to find out which browsers mistakenly apply this. IE5/5.5/6 seem to rightly ignore the rule. The closest I came was the star-7 hack http://centricle.com/ref/css/filters/tests/star-7/ but haven't found any reference to html#blah type hack. Could it be a hack that was misspelt? -- Patrick H. Lauke _ redux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Please explain use of html#____
Kornel Lesinski wrote: So, in this case it's CSS hack. AFAIK IE5/win ignores and + selectors and iterprets it as html #wrap. Still trying to find out which browsers mistakenly apply this. IE5/5.5/6 seem to rightly ignore the rule. The closest I came was the star-7 hack http://centricle.com/ref/css/filters/tests/star-7/ but haven't found any reference to html#blah type hack. Could it be a hack that was misspelt? Today I've ran into problems with IE5.01/win: dt.active + dd {} was applied to all dd elements, even changing to: * dt.active + dd {} didn't help - IE5 still stubbornly saw the rule. I have standalone IE5 on WinXP, so maybe this was the cause. Anyway - its weird. http://browsehappy.pl/style.css -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Please explain use of html#____
On 22 Dec 2004, at 9:25 am, Kornel Lesinski wrote: Today I've ran into problems with IE5.01/win: dt.active + dd {} was applied to all dd elements, even changing to: * dt.active + dd {} didn't help - IE5 still stubbornly saw the rule. If there is white-space around the '+', than IE5.0 applies the rule. (IE5.5 is OK, it ignores the whole thing). Similarly, there are problems (again, IE5.0) with *selector {}. IE ignores the * and the direct-child selector. Go figure... And Patrick wrote Still trying to find out which browsers mistakenly apply this. IE5/5.5/6 seem to rightly ignore the rule. The closest I came was the star-7 hack http://centricle.com/ref/css/filters/tests/star-7/ but haven't found any reference to html#blah type hack. Could it be a hack that was misspelt? I wouldn't know which UA selects html#blah. The closest filter I can think of is * htmlbody #foo {} which can be used to serve a style rule to IE Mac *only*. Given the context mentioned by Helen, it might have been one of those 'be nice to Opera' hacks associated with the Tantek voice-family filter. Philippe ---/--- Philippe Wittenbergh now live : http://emps.l-c-n.com/ code | design | web projects : http://www.l-c-n.com/ IE5 Mac bugs and oddities : http://www.l-c-n.com/IE5tests/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **