Bug Reports · Legacy archive

Inelegant degradation on screens with width smaller than 1200

Started by dark_dragon Feb 15, 2010 5 posts Locked

  1. Inelegant degradation on screens with width smaller than 1200

    #1
    When looking at the front page on a screen smaller than 1200 px wide, I get some overlap on the front page. Examples:

    800px wide:
    http://img197.imageshack.us/img197/6892/strolendegrade1800.th.png
    1024px wide:
    http://img705.imageshack.us/img705/5741/strolendegrade31024.th.png

    I know most people probably have wider screen sizes than that, but if I try to have two windows side by side, then it isn't great. A sub is viewable fine at 1024, but degrades to a reasonable state at 800wide.

    Ok, so, I'm nitpicking. Strolen, Feel free to tear me down in a hail of flame {fire} 3d10 {holy}3d10+5 if you want.

    You can stop overlapping by simply adding body{min-width:1200px;} To your css though, but small screen users will then need horizontal scrolling. The actual fixed width element is somewhere in the yahoo stylesheet you're using for the tabbed div. Specifically,  setting the min-width as 750 px.

    #doc,
    #doc2,
    #doc3,
    #doc4,
    .yui-t1,
    .yui-t2,
    .yui-t3,
    .yui-t4,
    .yui-t5,
    .yui-t6,
    .yui-t7{
    margin:auto;
    text-align:left;
    width:57.69em;
    *width:56.301em;
    min-width:750px;
    }
  2. Re: Inelegant degradation on screens with width smaller than 1200

    #2
    Can you give that another look. I thought I destroyed that annoyance yesterday. Did a check in 4 browsers, including chrome, and it seems to work correct now...

    Thanks for pointing out these! They are a great help!
  3. Re: Inelegant degradation on screens with width smaller than 1200

    #3
    I have a really small laptop I use sometimes. I'll check Strolen's with its browser.
  4. Re: Inelegant degradation on screens with width smaller than 1200

    #4
    Lookin Good! Thanks!
  5. Re: Inelegant degradation on screens with width smaller than 1200

    #5
    phew!!

Bug Reports · All categories · Guildhall