Gentoo Websites Logo
Go to: Gentoo Home Documentation Forums Lists Bugs Planet Store Wiki Get Gentoo!
Bug 199165 - graphics glitch on new packages.gentoo.org with firefox
Summary: graphics glitch on new packages.gentoo.org with firefox
Status: RESOLVED FIXED
Alias: None
Product: Gentoo Infrastructure
Classification: Unclassified
Component: [OLD] gpackages (show other bugs)
Hardware: All Linux
: High trivial (vote)
Assignee: Gentoo Packages Website
URL: http://packages.gentoo.org/
Whiteboard:
Keywords:
: 206946 (view as bug list)
Depends on:
Blocks:
 
Reported: 2007-11-14 19:48 UTC by dark_mail
Modified: 2008-02-01 03:05 UTC (History)
7 users (show)

See Also:
Package list:
Runtime testing required: ---


Attachments
upper left corner of packages.gentoo.org website (packages-ausschnitt.jpg,41.61 KB, image/jpeg)
2007-11-14 19:50 UTC, dark_mail
Details
Hidden footer (pgo-1.png,14.69 KB, image/png)
2007-11-15 08:55 UTC, Xavier Neys (RETIRED)
Details
Footer is displayed in middle of the page (pgo-2.png,34.18 KB, image/png)
2007-11-15 08:57 UTC, Xavier Neys (RETIRED)
Details
Left column does not flow to end of page (pgo-3.png,15.57 KB, image/png)
2007-11-15 09:01 UTC, Xavier Neys (RETIRED)
Details
Page look under Opera 9.5 beta 4 (Screenshot-Gentoo Packages - Opera.png,152.32 KB, image/png)
2007-11-20 19:52 UTC, Jaroslaw Niec
Details
Page look under Konqueror. (Screenshot-Gentoo Packages - Konqueror.png,157.11 KB, image/png)
2007-11-20 19:55 UTC, Jaroslaw Niec
Details
Page look under Epiphany. (Screenshot-Gentoo Packages - Epiphany.png,155.49 KB, image/png)
2007-11-20 19:56 UTC, Jaroslaw Niec
Details
Page look under Mozilla Firefox (Screenshot-Gentoo Packages - Mozilla Firefox.png,157.83 KB, image/png)
2007-11-20 19:57 UTC, Jaroslaw Niec
Details
Page look under Opera 9.5 beta 4 - using Tahoma 16 font. (Screenshot-Gentoo Packages - Opera-Tahoma-16.png,172.22 KB, image/png)
2007-11-22 18:26 UTC, Jaroslaw Niec
Details
Upper left corner in Firefox 2.0.0.11 (pgo-upperleft-firefox.png,24.17 KB, image/png)
2008-01-28 16:32 UTC, Ulrich Müller
Details

Note You need to log in before you can comment on or make changes to this bug.
Description dark_mail 2007-11-14 19:48:11 UTC
The new packages.gentoo.org website has a small graphics glitch in the upper left corner. The Gentoo logo is too wide and covers some letters of the first package listed. Screenshot will follow.

Happens with newest stable firefox (happened with earlier versions, too) and konqueror, independent of windows width

Reproducible: Always

Steps to Reproduce:
1. open packages.gentoo.org
Comment 1 dark_mail 2007-11-14 19:50:01 UTC
Created attachment 135984 [details]
upper left corner of packages.gentoo.org website
Comment 2 Xavier Neys (RETIRED) gentoo-dev 2007-11-15 08:55:24 UTC
Created attachment 136025 [details]
Hidden footer

Footer does not appear at bottom of page. When it is displayed high enough, it's even hidden under right box with the legend.
Comment 3 Xavier Neys (RETIRED) gentoo-dev 2007-11-15 08:57:20 UTC
Created attachment 136027 [details]
Footer is displayed in middle of the page

Similar problem where footer appears in the middle of the page
Comment 4 Xavier Neys (RETIRED) gentoo-dev 2007-11-15 09:01:01 UTC
Created attachment 136028 [details]
Left column does not flow to end of page

Right column as well BTW.
Comment 5 Jaroslaw Niec 2007-11-20 19:52:34 UTC
Created attachment 136523 [details]
Page look under Opera 9.5 beta 4

This is how page look under Opera 9.5 beta 4.
Comment 6 Jaroslaw Niec 2007-11-20 19:55:16 UTC
Created attachment 136524 [details]
Page look under Konqueror.
Comment 7 Jaroslaw Niec 2007-11-20 19:56:09 UTC
Created attachment 136526 [details]
Page look under Epiphany.
Comment 8 Jaroslaw Niec 2007-11-20 19:57:21 UTC
Created attachment 136527 [details]
Page look under Mozilla Firefox
Comment 9 Robin Johnson archtester Gentoo Infrastructure gentoo-dev Security 2007-11-21 03:24:07 UTC
Jaroslaw: are all 4 of your browsers set to use the same fonts and base sizes?
Comment 10 Jaroslaw Niec 2007-11-22 18:26:42 UTC
Created attachment 136694 [details]
Page look under Opera 9.5 beta 4 - using Tahoma 16 font.

Screenshots are from different browsers that use different fonts and font size.
It is possible to set browser in a way that page looks good (see attached image), but in my opinion size of the left menu should be equal to size of the logo. Font size shouldn't decrease size of this menu below the weight of the logo.
Page is also not valid XHTML document and has some problems with ul and html tag.
http://validator.w3.org/check?uri=http%3A%2F%2Fpackages.gentoo.org%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
Comment 11 Markus Meier gentoo-dev 2007-11-24 16:25:32 UTC
this little hack fixes (or works around) the logo-problem for me...

diff --git a/web/templates/layout.html b/web/templates/layout.html
index 154238b..fbbd8d7 100644
--- a/web/templates/layout.html
+++ b/web/templates/layout.html
@@ -39,7 +39,7 @@ def alpha_url(baseurl):
   <py:match path="leftcontent" once="true">
     <div id="leftcontent">
         <div id="banner">
-            <img src="/media/gtop-www.jpg" alt="Gentoo Logo" />
+            <img src="/media/gtop-www.jpg" alt="Gentoo Logo" style="width: 100%;" />
         </div>
       <p py:for="day, pvs in daylist">
         ${day}
Comment 12 Robin Johnson archtester Gentoo Infrastructure gentoo-dev Security 2007-11-24 19:24:58 UTC
I fixed up the XHTML validation issues, and somebody is now working on a narrower logo that fixes the issue properly.
Comment 13 Petr Pisar 2008-01-21 23:32:51 UTC
*** Bug 206946 has been marked as a duplicate of this bug. ***
Comment 14 Ulrich Müller gentoo-dev 2008-01-27 14:37:26 UTC
@wltjr: Here is a free font that looks very similar to the one in the logo: <http://www.myfonts.com/fonts/larabie/steelfish/regular/>
Licence is here: <http://www.myfonts.com/viewlicense?id=7>
Comment 15 William L. Thomson Jr. (RETIRED) gentoo-dev 2008-01-27 15:13:16 UTC
Font is good, I will remake graphic ASAP and submit/commit it.
Comment 16 Ulrich Müller gentoo-dev 2008-01-28 16:32:29 UTC
Created attachment 142026 [details]
Upper left corner in Firefox 2.0.0.11

(In reply to comment #15)
> Font is good, I will remake graphic ASAP and submit/commit it.

Good work, thanks.

However, there is still a small problem: The image has a border width different from zero, which results in a step to the rest of the banner. Attached image shows the problem.

Adding border=0 to the IMG element, or the following code to the style sheet fixes the problem for me:

#banner img {
	border: 0;
}
Comment 17 Robin Johnson archtester Gentoo Infrastructure gentoo-dev Security 2008-02-01 03:05:38 UTC
Ok, all fixed finally.