http://www.perlmonks.org?node_id=885825


in reply to Re^2: RFC: A Design Proposed for Anonymous Monk (logged out view)
in thread RFC: A Design Proposed for Anonymous Monk (logged out view)

From looking at the linked browsershots page, it looks like the vast majority of browsers didn't render it as you intended. So you already have a whole slew of "spec" examples that demonstrate bad rendering.

- tye        

Replies are listed 'Best First'.
Re^4: RFC: A Design Proposed for Anonymous Monk (data)
by luis.roca (Deacon) on Feb 02, 2011 at 20:09 UTC

    Using a tool like browsershots.org is great but are the vast majority of browsers where the site is rendering poorly represented by PerlMonks visitors? There was no way for me to know that until I posted this and heard back from enough Monks and/or we have site statistics available. (Even from Google Analytics:)

    The test also leaves out a few important notes such as resolution (was the test done for a resolution of 800, 1024?). It also excludes a few key operating systems like Mac OSX and recent versions of Windows. That's unless I'm the only person visiting PerlMonks on a Mac and none of our members are using Windows 7 but I would love to know that before setting off on making corrections.

    I actually don't suspect that it's a browser problem that some people are having. It seems that the second column in particular is wrapping under the first at resolutions of 800 and below. (I would be thankful to get confirmation on that.)

    P.S. I did make corrections to the wrapping (as you suggested) which improved that result (caused by the first column's width) when I narrowed my browser window on a few laptops. I didn't ignore your advice tye ;)


    "...the adversities born of well-placed thoughts should be considered mercies rather than misfortunes." — Don Quixote
      The test also leaves out a few important notes such as resolution

      The dimensions of the windows used (in pixels) is rather trivial to get from the screenshots provided. If you mean "resolution" in terms of "pixels per inch", that seems rather irrelevant; it might have an impact on font size choices but the sizes of fonts (and controls) are also evident in the screenshots.

      P.S. I did make corrections to the wrapping (as you suggested) which improved that result (caused by the first column's width) when I narrowed my browser window on a few laptops. I didn't ignore your advice tye ;)

      To be clear...

      I get a wide right column of wasted space just for the display of one line of non-wrapping text, "Welcome to the Monastery". That seems to be the most obvious rendering problem and is evident in most of the browsershots and several people have complained about it. That is the problem that I was referring to as what I reported before the node was posted and that remained a problem after the node was posted. I saw no improvement on that front. I did not say and am not saying that my complaint was ignored. But I certainly disagree with this major problem having been improved.

      A while after I reported the above problem, I responded (indirectly) to somebody observing how some elements were inconsistent about how far they extended into this wasted right-side space. luis.roca said something that sounded like he was blaming that behavior on the use of table tags. I noted that I saw two problems: 1) code blocks not being flexible in how much they wrap (and how I address that in my settings) and 2) CSS causing backgrounds and spacers to be the wrong width for their accompanying text.

      It appears that (2) was improved somewhat so that the inconsistency at the right-hand side of the left-hand column is less pronounced. I didn't comment on that change as I didn't even notice it at first. It also wasn't something that I had complained about. I merely commented on luis.roca's reply to somebody else's complaint.

      I also see no improvement in (1), which is a big contributor to the most obvious problem. So if your mention of "the wrapping" was in reference to the wrapping of code blocks, then I didn't see any change related to that.

      extremely poor contrast

      That is another problem that I thought you should have some data already for trying to address.

      - tye        

      but I would love to know that before setting off on making corrections.

      Its me again, I got 1024x768, firefox 3.16.3, and it doesn't matter which OS i'm using

      Firefox says

      Warning: Unknown property 'box-sizing'. Declaration dropped. Source File: http://www.luisroca.com/PerlMonks/scripts/styles/shCoreMi +dnight.css Line: 46 Warning: Error in parsing value for 'min-height'. Declaration dropped +. Source File: http://www.luisroca.com/PerlMonks/scripts/styles/shCoreMi +dnight.css Line: 52 Warning: Unknown property 'box-sizing'. Declaration dropped. Source File: http://www.luisroca.com/PerlMonks/scripts/styles/shCoreMi +dnight.css Line: 89 Warning: Expected color but found 'none'. Error in parsing value for +'background-color'. Declaration dropped. Source File: http://www.luisroca.com/PerlMonks/scripts/styles/shCoreMi +dnight.css Line: 315 Warning: Selector expected. Ruleset ignored due to bad selector. Source File: http://luisroca.com/PerlMonks/css/Anon_Monk_CSS/base.css Line: 9 Warning: Error in parsing value for 'list-style'. Declaration dropped +. Source File: http://luisroca.com/PerlMonks/css/Anon_Monk_CSS/detail.cs +s Line: 176 Warning: Error in parsing value for 'list-style'. Declaration dropped +. Source File: http://luisroca.com/PerlMonks/css/Anon_Monk_CSS/detail.cs +s Line: 209
      If it doesn't work with firefox, it might as well not exist :)

      http://jigsaw.w3.org/css-validator/