Fork me on GitHub

why is css overflow scrollbar so damn ugly  Bottom

  • Is this a w3c recommendation - to make the (CSS overflow" scrollbar as ugly as possible and give no possible way to control it's appearance and dimensions?

    Code

    <div style="width:200px;height:200px;overflow:auto;">
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
    diam nonumy eirmod tempor <a href="#">invidunt</a> ut labore et dolore magna
    aliquyam erat, sed diam voluptua. popup1
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
    diam nonumy eirmod tempor <a href="#">invidunt</a> ut labore et dolore magna
    aliquyam erat, sed diam voluptua. popup1
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
    diam nonumy eirmod tempor <a href="#">invidunt</a> ut labore et dolore magna
    aliquyam erat, sed diam voluptua. popup1
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
    diam nonumy eirmod tempor <a href="#">invidunt</a> ut labore et dolore magna
    aliquyam erat, sed diam voluptua. popup1
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
    diam nonumy eirmod tempor <a href="#">invidunt</a> ut labore et dolore magna
    aliquyam erat, sed diam voluptua. popup1
    </div>


    --
    -Lobos
    Professional PHP Framework Services: Concept, Development and Deployment
  • I don't suppose that you could put that into a live example?

    Frank
  • http://postnuke.co.nz/pn/modules.php?op=modload&name=News&file=article&sid=2&mode=thread&order=0&thold=0

    This doesn't look too bad because the background is a light color, but if you have a dark background it looks real nasty

    --
    -Lobos
    Professional PHP Framework Services: Concept, Development and Deployment
  • Oh, yeah, that could be kind of ugly. There's no altering its appearance at all?

    Frank
  • Tis a browser thing. I suppose they could make the scroll bars nicer looking, but probably not. I think you can use CSS to colorize the bars. Not sure if it can be done on an individual basis or if it's an all or nothing type thing.

    --
    Home Page | Find on Facebook | Follow on Twitter
  • The CSS styling for scroll bars is specific to IE running on windows only. This is another one of those that's a trade off of look vs usability. The w3c rationale is that it should be down to the platform to render controls (like scroll bars, buttons etc.) rather than the web designer so that each control is rendered exactly as it would be in any other application.

    -Mark

    --
    Visit My homepage and Zikula themes.
  • markwest

    The w3c rationale is that it should be down to the platform to render controls (like scroll bars, buttons etc.) rather than the web designer so that each control is rendered exactly as it would be in any other application.


    Well I don't like this. These scrollbars have a direct bearing on design due to the fact that they have physical dimensions and the potential to hold reasonably prominant positions on the page.

    Is this so much different than the form button for example? This is a "control", yet we can manipulate it via CSS. Don't get me wrong - I like the "suggested" standards - yet I find this restrictive. I can, of course make a pretty scrollbar with javascript, yet this would be an unacceptable compromise to accessibility.

    Anyway, as I said before I don't like it, but then again I don't like paying taxes or the fact that I have to die one day either...

    --
    -Lobos
    Professional PHP Framework Services: Concept, Development and Deployment
  • Lobos

    why is CSS overflow scrollbar so damn ugly

    'cuz its momma was ugly..


    PS: I couldn't agree more Lobos.. but.. if IE had never supported the tags, we wouldn't know what we're missing.

    maybe a dynamic flash movie.. that's what I've been thinking, but then there's flash compliance issues (and a fix?), but then you're trading style for weight.. I kept thinking there has to be a reasonable solution, but I'm really not sure there is one..
  • InvalidResponse

    PS: I couldn't agree more Lobos.. but.. if IE had never supported the tags, we wouldn't know what we're missing.


    Or perhaps a proper, widely adoptable standard would have been made possible..... ;)

    -Mark

    --
    Visit My homepage and Zikula themes.
  • right you are.. (damnit) .. and you've really got to stop sneaking up on me in mid-edit Mark :)

    the real bummer is that MS IE apparently "ruined" the chances for a styled scroll.. I'll just assume that if anyone tried to apply a style to a scroll after MS had done it, there would be legal implications. I could be wrong, but any attempt at connecting Gates to the spawn of Satan and the 7th level of hell is reasonable in my book icon_lol .. just kidding Billy, I bought a MicroSoft mouse once.

    It's probably up to flash and java.. I don't think we'll see scroll colors in CSS.

This list is based on users active over the last 60 minutes.