On 9/27/05, Webmaster <[EMAIL PROTECTED]> wrote: > > Don't both these solutions still have the same issue with Firefox's ability > to drag content areas? > > Has display:none become un-PC of late? > > ________________________________ > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] > On Behalf Of Christian Montoya > Sent: Wednesday, 28 September 2005 12:53 PM > To: wsg@webstandardsgroup.org > Subject: Re: [WSG] Hiding Headings > > > Psh, left? Do top: > > h1 { > position: absolute; > top: -10000px; > } > > No need to risk the embarrasment of having the h1 element seen on a 12,000 > pixel resolution screen. > > > On 9/27/05, Lance Willett <[EMAIL PROTECTED]> wrote: > > On 9/27/05, Nick Gleitzman <[EMAIL PROTECTED]> wrote: > > > Joseph R. B. Taylor wrote: > > > > > > > > > > > 1. Put the H1 in there, but set it's display to "none" on the style > > > > sheet. > > > > > > > > 2. Set the header overflow to hidden, then set the top padding on the > > > > H1 to be a pixel more than the header's height - thereby hiding the > > > > heading text. > > > > > > > > One problem I discovered with the second method - you can drag the > > > > content in Firefox, revealing the heading... > > > > > > > > Which approach is better? Do search engine spiders know the heading > > > > is hidden in scenario one and skip that text? Is there a known > > > > workaround for the issue caused by scenario two? > > > > > > Instead of {display: none}, use {margin-left: 999px}. Visitors won't > > > see the H1 text, but Search Engines will; and nothing to see if content > > > dragged... > > > > > > N > > > ___________________________ > > > Omnivision. Websight. > > > http://www.omnivision.com.au/ > > > > > > ****************************************************** > > > The discussion list for http://webstandardsgroup.org/ > > > > > > See http://webstandardsgroup.org/mail/guidelines.cfm > > > for some hints on posting to the list & getting help > > > ****************************************************** > > > > > > > > > > Joseph, > > I agree with Nick, except I would do 9999px. I made the mistake of > > doing 999px one time, and on a large monitor the h1 snuck in from the > > side and it was embarassing! > > > > So your CSS would look like this: > > > > h1 { > > position: absolute; > > left: -9999px; > > } > > > > Search engines will still see it that way and there is no chance that > > it will show on your layout. > > > > -- > > Lance Willett > > simpledream web studio > > Phone: 520.954.5607 > > Email: [EMAIL PROTECTED] > > Web: http://www.simpledream.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 > > ****************************************************** > > > > > >
The reason display:none is unadvisable is due to screen readers ignoring the content (which since it's an h1 element we are assuming it's important). The full reasons are fleshed out here: http://css-discuss.incutio.com/?page=ScreenreaderVisibility. -- Lance Willett simpledream web studio Phone: 520.954.5607 Email: [EMAIL PROTECTED] Web: http://www.simpledream.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 ******************************************************