Re: [WSG] #div #div
Hi, OP, You might find this article very enlightening: *Newly Supported CSS Selectors in IE7* http://snipurl.com/16ezv Now that IE7 has been released and has begun to penetrate into the userbase, it won't be too long before we can start using more advanced CSS in our pages. Two of the most useful items will be the Child and Adjacent Sibling combinators. These were briefly covered in a couple of Adrian Senior's articles on the Child combinator and Sibling combinator. But now that it is about to become feasible to use them for real web pages, it is time to delve more deeply into the subject. -- Wishlist: http://snipurl.com/vrs9 Switch: http://browsehappy.com/ BCC?: http://snipurl.com/w6f8 My: http://del.icio.us/mhulse *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] #div #div
Andy,
Thanks for your explanation, it made a lot of sense and there was a lot of
information in your reply.
As I was waiting for some more responses I found this:
Multiple level menus require a different approach though. This is because IE
lacks support for the child selector, which would be perfect to show
direct submenus, and not yet the deeper nested ones:
li:hover ul { /* no go in IE */ }
This enabled me to learn that is equal to child selector so that is why
I wasnt able to find any information, I didnt know what was the name of the
less than symbol in CSS.
Thanks again,
Helmut
On 12/27/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
Helmut,
I'm not sure what your level of understanding is here, so forgive me if I
say something you already know.
in your example, #idname #idname you're basically saying that the markup
should look like this (for example):
div id=idnamediv id=idname/div/div
the rule will be applied to the inner div, however in this second version
the rule won't be applied:
div id=idnamedivdiv id=idname/div/div/div
This is because the inner #idname is not a child of the first. The
selector is for selecting the direct child of nodes selected by the rule
on the left of the symbol provided that the child matches the rule on the
right.
By removing the symbol as you stated we make it so that both of my
examples will have the styles applied to the inner-most tags.
I think IE7 supports the child selector but IE6 and below don't, so I
assume the reason that this fixed the problem in IE6 is because the child
selector () was being used when it wasn't needed (unless you've
accidentally broken something else doing this fix) so by removing it you
added IE6 compatibility for the style rule.
Hope this helps, it's late at night and i'm rambling a bit :)
- Andrew Ingram
Hi,
I just got a template that wasn't rendering properly in IE but it was
fine
in FF. After looking at the CSS the problem was that IDs where defined
as
such
#id #id
changing this to
#id #id
fixed the issue. I tried to do a search in Google to figure out what the
issue was but I couldnt find anything. Does anyone has any information
on
why is being used?
Thanks,
Helmut
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
...helmut
helmutgranda.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] #div #div
Helmut, I'm not sure what your level of understanding is here, so forgive me if I say something you already know. in your example, #idname #idname you're basically saying that the markup should look like this (for example): div id=idnamediv id=idname/div/div the rule will be applied to the inner div, however in this second version the rule won't be applied: div id=idnamedivdiv id=idname/div/div/div This is because the inner #idname is not a child of the first. The selector is for selecting the direct child of nodes selected by the rule on the left of the symbol provided that the child matches the rule on the right. By removing the symbol as you stated we make it so that both of my examples will have the styles applied to the inner-most tags. I think IE7 supports the child selector but IE6 and below don't, so I assume the reason that this fixed the problem in IE6 is because the child selector () was being used when it wasn't needed (unless you've accidentally broken something else doing this fix) so by removing it you added IE6 compatibility for the style rule. Hope this helps, it's late at night and i'm rambling a bit :) - Andrew Ingram Hi, I just got a template that wasn't rendering properly in IE but it was fine in FF. After looking at the CSS the problem was that IDs where defined as such #id #id changing this to #id #id fixed the issue. I tried to do a search in Google to figure out what the issue was but I couldnt find anything. Does anyone has any information on why is being used? Thanks, Helmut *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] #div #div
At 12/27/2006 06:47 PM, Helmut Granda wrote: #id #id ... Does anyone has any information on why is being used? Read this: W3C CSS 2.1 Specification 5 Selectors 5.6 Child selectors http://www.w3.org/TR/CSS21/selector.html#child-selectors By the way, I don't know if your example was symbolic or literal, but you should know that an id should be used only once on a page, so for example: div id=frog div id=frog /div /div violates the spec: 7. The global structure of an HTML document - The HEAD and BODY of a document 7.5. The document body 7.5.2. Element identifiers: the id and class attributes http://www.w3.org/TR/html4/struct/global.html#adef-id id = name [CS] This attribute assigns a name to an element. This name must be unique in a document. Regards, Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
