Bug Reports · Legacy archive
Inelegant degradation on screens with width smaller than 1200
-
Inelegant degradation on screens with width smaller than 1200
#1When 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;
} -
Re: Inelegant degradation on screens with width smaller than 1200
#2Can 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! -
Re: Inelegant degradation on screens with width smaller than 1200
#3I have a really small laptop I use sometimes. I'll check Strolen's with its browser. -
Re: Inelegant degradation on screens with width smaller than 1200
#4Lookin Good! Thanks! -
Re: Inelegant degradation on screens with width smaller than 1200
#5phew!!