www/91539: FreeBSD web site renders very badly

LEMIX (SA) Pty Ltd.
 

System: FreeBSD wantadilla.lemis.com 6.0-CURRENT FreeBSD 6.0-CURRENT #1: Tue Jul 12 11:57:56 CST 2005 grog@wantadilla.lemis.com:/usr/obj/src/FreeBSD/6-CURRENT/src/sys/WANTADILLA i386


Not specifically machine related.

The current web site renders very badly:

- Text sizes are, in general, far too large.
- Line spacing is too small for text (texts overlap).
- Boxes are too small for text (text overflows).
- Layout leaves far too large margins. In the default case,
up to 40% of the page is left margin, and the text scrolls
off beyond the right margin.
- PR pages (including, presumably, this one) are in ridiculously large text.

The overall impression is very negative, particularly in
comparison with other BSD project web sites. As a result, I'm
categorizing this PR as "critical" and "high priority".

Using firefox, view:

http://www.freebsd.org/
http://www.netbsd.org/
http://www.openbsd.org/
http://www.freebsd.org/cgi/query-pr.cgi?pr=91536

Compare the results with
http://www.lemis.com/grog/Photos-20060109.html . If they're
not the same, this may help explain the problem.

Removing font size specifics from the CSS style sheets might
be a start. Also remove margin specifications unless
absolutely necessary.

 

Reply via E-mail
From:	=?ISO-8859-1?Q?K=F6vesd=E1n_G=E1bor?= <gabor.kovesdan@t-hosting.hu>
Date:	Sun, 26 Feb 2006 18:22:40 +0100
I'm translating the webpage to Hungarian and experiencing rendering issues, too. Not only the test sizes and line spaces, but the pictures and style sheets are rendered in a very weird way. See: http://tux.t-hosting.hu/webpage_hu.jpg I use Firefox 1.5.0.1 with default settings. If I disable JavaScript everything become fine. This proves that my (halfway) translated webpage is fine, not my fault is that caused this error. On www@ list I got an affirmation, that my translated webpage works with JavaScript disabled. We suspect, that the problem is caused by the JavaScript based style sheet switcher together with the character encoding. (Encoding is iso-8859-2, defined explicitly in includes and in index.xsl. There's no other way to display Hungarian characters correctly.) Gabor Kovesdan

Reply via E-mail
From:	Jamie Jones <jamie@bishopston.net>
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: Download layout.diff --- /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

Reply via E-mail
From:	Giorgos Keramidas <keramida@ceid.upatras.gr>
Date:	Fri, 24 Nov 2006 02:18:12 +0200
Appending relevant text from www/97154 to the audit trail... : Message-Id: <200605112305.k4BN5bA0087399@www.freebsd.org> : Date: Thu, 11 May 2006 23:05:37 GMT : From: niek dekker <niekdekker@gmail.com> : To: freebsd-gnats-submit@FreeBSD.org : Subject: www/97154: freebsd.org doesn't display well in Firefox 1.5.0.3 : : >Number: 97154 : >Category: www : >Synopsis: freebsd.org doesn't display well in Firefox 1.5.0.3 : [...] : >Description: : : The new freebsd website displays faulty in Firefox current : (1.5.0.3). Really a shame for an open source operating system! : : >How-To-Repeat: : Open freebsd.org in a current version of Firefox : >Fix: : Make website cross-browser compatible : From: Martin <nakal@nurfuerspam.de> : To: bug-followup@FreeBSD.org, niekdekker@gmail.com : Subject: www/97154: Re: www/97154: freebsd.org doesn't display well in Firefox 1.5.0.3 : Date: Thu, 08 Jun 2006 18:18:00 +0200 : : Yes, it looks somehow weird. : : I hope this link works for you: : http://gallery.bsdforen.de/albums/userpics/12094/freebsd-org.png : : Please take a look at the menu bar, the font-size selection links : and the security advisories. : : Martin

State Changed
From-To:	open->suspended
By:	remko
When:	Fri Nov 6 08:02:52 UTC 2009
Why:	I tried the proposed change of changing the width's and borders, and it looks fine except for the frontpage. Since all of these things might need more fiddling, I think this will not be resolved anytime soon. I'll mark the ticket as suspended till someone can properly sort this out. Or if Emily is watching, please help us to resolve the reported problems.