Is this considered hidden text?

overflow - hidden

[ddd5280]

I am studying a site design from a well respected web consulting firm who helps write the web standards for all of us.

I ran across this code in the header of the site:
<div id="headwrap" onclick="window.location='http://www.theirsite.com/';"><h1>The company's keywords here</h1></div>

With their CSS, the headwrap DIV shows their company logo gif and then their keywords are not shown on most modern browsers because they have the overflow text hidden.

Of course this is hidden text to answer my own question, however since it is coming from someone that sits on the committee for web standards - is this an accepted practice?

In other words can i do this too and sleep at night?

[Brett_Tabke]

It doesn't matter how it "looks". If it is in the source - it is in the source. It is no different than cloaking your meta tags (which is perfectly acceptable to the major 4 se's). Bot specific content for bots...

[Lord Majestic]

Of course this is hidden text to answer my own question

You said it -- its hidden text, and unlike META tags that are acceptable to be hidden (and thus easy to manipulate, and therefore they get low weight in rankings) it is not okay.

since it is coming from someone that sits on the committee for web standards - is this an accepted practice?

No: he might be able to get out of sticky situation though whereas you might find yourself all alone.

[Brett_Tabke]

I guess I misunderstand what you meant was occuring here.

> then their keywords are not shown on most modern
> browsers because they have the overflow text hidden.

I thought you meant meta keywords. (which obviously don
t show anyway in most modern browsers).

Does the page validate? Could it be a simple mistake, or a quirks work around for various browsers?

[Drumat5280]

Yes, the page validates. He has a "Validate XHTML 1.0 Strict" link on his home page, like i said he is very active in the making of the web standards - he wrote a very popular book on these issues. Perhaps you have read it yourself.

Here is his CSS code:

div#headwrap{
float: left;
height: 100px;
width: 400px;
border: 0;
padding: 0;
margin: 0;
cursor: pointer;
}

div#headwrap h1{
background: transparent url(/i/hislogo.gif) top left no-repeat;
margin: 0;
border: 0;
padding: 0;
padding-top: 100px;
overflow: hidden;
height: 0px!important; /* for most browsers */
height /**/:100px; /* for pre 6.0 IE Win */
}