Date: Sat, 4 Mar 2006 02:40:09 GMT From: Jamie Jones <jamie@bishopston.net> To: freebsd-www@FreeBSD.org Subject: Re: www/91539: FreeBSD web site renders very badly Message-ID: <200603040240.k242e9tj079054@freefall.freebsd.org>
next in thread | raw e-mail | index | archive | help
The following reply was made to PR www/91539; it has been noted by GNATS. From: Jamie Jones <jamie@bishopston.net> To: grog@lemis.com Cc: bug-followup@freebsd.org, jamie@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
Want to link to this message? Use this URL: <https://mail-archive.FreeBSD.org/cgi/mid.cgi?200603040240.k242e9tj079054>