249787 - update.mozilla.org extension page not readable in ie

Status: RESOLVED FIXED

(addons.mozilla.org Graveyard :: Public Pages, defect, P1)

Description

[chris hofmann]

several reports to webmaster on this...

Dear Webmaster:
 
In the following page,
http://update.mozilla.org/extensions/?application=mozilla, the "Categories"
section is overlapping into the "What is the Extension?" section. Thus not
abling me to read the various plug-ins.
 
I am using IE under Windows XP- sadly! Can you please rectify this for me and
others.
 
Thank you for your time and assistance.

Comment 1

[chris hofmann]

dbaron, can you help sort this out?

Comment 2

[Frank Wein [:mcsmurf]]

If you set position:absolute; for .box, the right part and the categories don't
overlap anymore (also now the boxes in the right part overlap itself, but same
in Mozilla so). And if you remove the position:absolute; from the categories
(DIV.sidelinks) (and undo the change from before, so remove pos: abs from .box
also), the categories and the right part of the page don't overlap (also now the
right part begins at the buttom of the categories box, but same in Mozilla so).

Comment 3

[chris hofmann]

wolf, can you fix?  thanks

Comment 4

[Wolf [:wolf]]

Yeah, I'll take a look. :-)

Comment 5

[Adam Hauner]

Is any problem to move this bug to right product and component
(mozilla.org/Update) or is this bug here just for blocking request? Why wasn't
this duped agains older original bug 246875?

Comment 6

[Wolf [:wolf]]

*** Bug 246875 has been marked as a duplicate of this bug. ***

Comment 7

[Wolf [:wolf]]

Moving it back.. Far as I know, it's here for the blocking flags..

Comment 8

[Chris Thomas (CTho) [formerly [e-mail] [e-mail]]]

You shouldn't use margin to indent!

http://ctho.ath.cx/tmp/mozupdates/new.htm

Most of the relevant changes are to the CSS file.  Note that I changed your
MARGIN-LEFT to LEFT, and added a POSITION: relative.  To float the Firefox logo,
I gave it position:absolute and right:0.  You could probably also specify top:0,
but I believe that's implied.

Comment 9

[Chris Thomas (CTho) [formerly [e-mail] [e-mail]]]

->me

Comment 10

[Chris Thomas (CTho) [formerly [e-mail] [e-mail]]]

Attachment: Modified CSS file

Comment 11

[Chris Thomas (CTho) [formerly [e-mail] [e-mail]]]

Attachment: Fixed z-index of logo

While we're at it, we either need to include an IE PNG transparency hack,
change the page background to gray, or use a non-PNG format for IE.  The
javascript hack is probably simplest:
http://homepage.ntlworld.com/bobosola/pnghowto.htm

I added it to my page (linked above).

I notice that the content boxes (.box class) now run over the Firefox logo.  I
added a z-index.

Sorry for the 4th bugspam in a row.

Comment 12

[alanjstr]

Wherever it is, the changes need to get put in.  This goes along with

http://bugzilla.mozilla.org/buglist.cgi?product=mozilla.org&component=Update&keywords_type=allwords&keywords=polish&resolution=---

Comment 13

[Chris Thomas (CTho) [formerly [e-mail] [e-mail]]]

->Wolf to actually incorporate into UMO now that the fix is written.

Comment 14

[Wolf [:wolf]]

Bouncing this bug to mozilla.org --> Update.. now that the blocking flags are
over there. Pardon the spam. nothing to see here.

Comment 15

[Wolf [:wolf]]

For the sake of those who were worried. :-)

Comment 16

[Wolf [:wolf]]

Attachment: Fix all of the site

OK, this is CTho's attachment with fixes to unbreak the rest of the site.

Comment 17

[Wolf [:wolf]]

OK, I've posted the fixed CSS file, which fixes the text-overlap, orange-bar
repeating, whitespace, etc bugs. fixed the /extensions/ and /themes/ index pages
to unbreak the most popular, etc boxes that were broken as a result of the new CSS.

Things remaining:
1) The PNGs currently rely on alpha-trans, which IE doesn't handle well. I
haven't fixed the images because the site's design is subject to change.
2) Some text is covered up as a result of the gray boxes around the imagery. 
3) In Mozilla, some of the same text hides under the images, which is a minor
regression from this fix.
4) The changes here break the author/admin panel. So the admin panel still uses
the old CSS.
5) On some screen resolutions, the new CSS causes a horizontal scrollbar in IE.. 

Overall this should eliminate most of the IE problems though, the biggest one,
the text overlap is definitely gone.

This bug isn't completely fixed yet, so please *do not* mark it fixed.

Comment 18

[chris hofmann]

hooray!  watching incoming traffic on the webmaster just got a lot easier...  thanks

Comment 19

[Wolf [:wolf]]

bumping down the severity.

Comment #17 Point 3 is also now fixed.

Points 1 and 2 are likely to be fixed under Bug 249447, marking the dependency.

Comment 20

[Wolf [:wolf]]

Bulk Moving Web Site bugs to new component.
(Filter: massumowebsitespam)

Comment 21

[alanjstr]

Well, a lot has changed since then.  This seems to work fine in IE now.  Can we
mark this as fixed?

Comment 22

[Wolf [:wolf]]

I'll mark it as fixed when I feel it is. Thanks.