css validates poorly

  • I use an unusual code (they call it a IE invention—what else would you expect) in my css to force my delicious tags to break so that they show up properly in my right hand sidebar

    here is the code:


    #delicious{
    background-color:inherit;
    overflow: hidden; word-wrap:break-word;
    }

    Now, according to CSS validation this is bogus, and yet it works in all my browsers.

    Is there another way to impliment this? Would it work as an inline style and validate?

    MERRY CHRISTMAS EVERYONE!

Viewing 9 replies - 1 through 9 (of 9 total)

  • If it’s specifically to force the world’s only broken browser to behave, just use a conditional….

    Thread Starter 4evrblu

    (@4evrblu)

    Well, that is a great suggestion, but it is not used for that reason. I never use IE. The problem began when I inserted Delicious. have a brief look at https://totalphysiqueonline.com/

    On the right side, toward the bottom, my Delicious tags were running off to the right and ducking behind the edge of the page so that you were seeing only half-words. I inserted
    #delicious{
    background-color:inherit;
    overflow: hidden; word-wrap:break-word;
    }     so that the tags would break and do a forced carriage return of sorts so that a type of “justify:” would take place. Now all the words fit nicely in the column.

    This approach worked in all my browsers. I use Safari, Opera, Mozilla, Fire Fopz and Camino.

    I find it curious that for a style that does not exist, it sure seems to be recognized by a lot of browsers ??

    I guess the question is this: is there a legal way to do this? Would using a conditional be wise under the cisumstances?

    Thread Starter 4evrblu

    (@4evrblu)

    One other thing I would like to mention is that I infer from everything I have read so far that the word-wrap:break-word css style was invented for IE because IE is essentially “broken”. This suggests that IE was doing something that other browers were not, and therefore needed a hack.

    However, the fact that ALL my browsers were not wrapping my delicious tags properly, coupled with the fact that this particular style fixed the issue, suggests that all other browers are broken in the same way as IE. I realize that is a stretch, but clearly the style is fixing something in these other browsers that is wrong: namely, the failure of these browers to handle narrow view perspectives by breaking words prpoerly in certain scenarios. I am inclined to leave the style in place, even though it will not validate.

    I tried two other things: using an inline style with span tags, which worked but did not validate. And I also tried setting the above external style to a certain width, which did not work. Using a width did not force the delicious tags to wrap. So it was back to the style again.

    I used a technique I found here: https://consumingexperience.blogspot.com/2006/12/delicious-tagometer-howto-manual-mode.html

    Thread Starter 4evrblu

    (@4evrblu)

    Hmmm…I implemented some of the suggestions in the cool tutorial above, but ran into the same issue. Some of the tags like “conservative” and “wordpress” just do not want to break or justify, and ebd up trailing off into the sunset, ducking behind the edge of the browser.

    Hmmm

    Thread Starter 4evrblu

    (@4evrblu)

    Handy, I went to your blog!! Nice stuff! Is the “top 40 Topics” your delicious section? Or is that hand coded?

    PS: I love Vince too. Charlie Brown Christmas is a great soundtrack. I have it.

    Thanks. ??

    Top 40 Topics is tags, via the UTW plugin.

    I don’t have the del.icio.us thing on too many posts yet (my plan), but you can see it here

    4evrblu, thanks for your comment on my post https://consumingexperience.blogspot.com/2006/12/delicious-tagometer-howto-manual-mode.html

    I’ve replied there, but I can’t think of anything beyond word-wrap or changing it to block (see my post which I’ve updated). However I’m really not a CSS expert so maybe someone else will have better ideas.

    Cheers and happy holidays!
    Imp.

    Thread Starter 4evrblu

    (@4evrblu)

    Thank you for coming all this way to post a reply. That was very nice.
    ??

    I will go look at your post.

    If I can apply the fix and get it to work, I will post the solution here.

    Thanks again and Merry Christmas yourself!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘css validates poorly’ is closed to new replies.