www/91539: FreeBSD web site renders very badly

[Jamie Jones]

The following reply was made to PR www/91539; it has been noted by GNATS.

From: Jamie Jones <jamie at bishopston.net>
To: grog at lemis.com
Cc: bug-followup at freebsd.org, jamie at bishopston.net
Subject: Re: www/91539: FreeBSD web site renders very badly
Date: Sat, 4 Mar 2006 02:33:18 GMT

 Hi Greg. I just noticed your page "http://www.lemis.com/grog/Photos-20060109.html"
 and hence the associated bug report.
 
 I too have experienced similar problems using Konqueror/KDE, or anything..
 
 The problem is that the css has this:
 
 width: 765px;
 
 The whole site is forced into a 765 pixel wide box, which is then centred to
 the screen.
 
 The problem you are then seeing is due to the fixed-width 'pre' font used to
 show bug reports and emails etc. then overflowing that box.
 
 As suggested in the bug report, the font size could be reduced, or the pre-text
 force-wrapped (I don't like this idea) but of course, the situation is made
 worse simply by the fixed width box.
 
 Seeing sites using fixed widths like this really annoys me - but then I don't
 visit them again -- seeing it being introduced to the FreeBSD site was really
 depressing.
 
 As is probably typical of users of this site, I run with a high screen
 resolution -- 1600 x 1200 .. Whilst I don't always have the browser full
 screen, I do when reading certain things - like the cvsweb or some bug
 reports, and the small size is annoying.
 
 Anyway, as a first start, I propose a simple change to the css along these
 lines:
 
 --- /usr/thompson/share/www.freebsd.org/data/layout/css/layout.css      Wed Nov 23 18:08:50 2005
 +++ FREEBSD-WEB-SITE-layout.css.layout.css      Sat Dec 31 03:06:41 2005
 @@ -14,8 +14,8 @@
  
  #CONTAINER, #container {
    margin: 0em auto;
 -  width: 765px;
 -  padding: 0;
 +  padding-left: 20px;
 +  padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 15px;
    text-align: left; /* Win IE5 */
 
 This simple change allows the page to wrap to the browsers width... Some pages (like
 the front page) which have other elements written assuming that fixed width would
 still need a bit more juggling with, but others are instantly improved.
 
 As for CVSweb and the PR database, these are not perfect, but are also improved,
 in my opinion.
 
 To demonstrate, I've put a mirror of the website, with the above modified CSS at
 http://www.freebsd.org.mirrors.bishopston.net/
 
 Compare these for instance, and note the difference with a window width bigger than
 1024 pixels, and note how even if your window width is 800 pixels, the two look the
 same -- best of both worlds as far as I can see:
 
 http://www.freebsd.org.mirrors.bishopston.net/cgi/query-pr.cgi?pr=91536
 http://www.freebsd.org.mirrors.bishopston.net/cgi/query-pr.cgi?pr=ports/93619
 http://www.freebsd.org.mirrors.bishopston.net/cgi/cvsweb.cgi/CVSROOT-src/
 http://www.freebsd.org.mirrors.bishopston.net/cgi/cvsweb.cgi/CVSROOT-src/access.doc_src
 http://www.freebsd.org.mirrors.bishopston.net/releases/
 http://www.freebsd.org.mirrors.bishopston.net/news/newsflash.html
 http://www.freebsd.org.mirrors.bishopston.net/about.html
 
 http://www.freebsd.org/cgi/query-pr.cgi?pr=91536
 http://www.freebsd.org/cgi/query-pr.cgi?pr=ports/93619
 http://www.freebsd.org/cgi/cvsweb.cgi/CVSROOT-src/
 http://www.freebsd.org/cgi/cvsweb.cgi/CVSROOT-src/access.doc_src
 http://www.freebsd.org/releases/
 http://www.freebsd.org/news/newsflash.html
 http://www.freebsd.org/about.html
 
 And finally, some screenshosts of the above, as seen from my setup:
 
 http://www.jamiejones.com/misc/freebsd-website-snapshots/about_current.png
 http://www.jamiejones.com/misc/freebsd-website-snapshots/about_new.png
 http://www.jamiejones.com/misc/freebsd-website-snapshots/cvsweb_file_current.png
 http://www.jamiejones.com/misc/freebsd-website-snapshots/cvsweb_file_new.png
 http://www.jamiejones.com/misc/freebsd-website-snapshots/cvsweb_folder_current.png
 http://www.jamiejones.com/misc/freebsd-website-snapshots/cvsweb_folder_new.png
 http://www.jamiejones.com/misc/freebsd-website-snapshots/query_pr-93619_current.png
 http://www.jamiejones.com/misc/freebsd-website-snapshots/query_pr-93619_new.png
 http://www.jamiejones.com/misc/freebsd-website-snapshots/releases_current.png
 http://www.jamiejones.com/misc/freebsd-website-snapshots/releases_new.png
 
 Cheers,
 Jamie
 
 
 -- 
 -=-=-=-  Virus Scanned by "pacha.mail.bishopston.net" using ClamAv  -=-=-=-
 Database Last Checked: Sat Mar  4 00:38:00 GMT 2006 - http://www.clamav.net/
 Database Updated     : Fri Mar  3 16:38:01 GMT 2006 - 45768 viruses scanned