821920 - <ul align="center"> does not center

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[rocketman1937]

Attachment: Window sreenshot showing problem

Concerning Firefox 17.0.1:

In Wikipedia, the demo page is at my user sandbox: 

"http://en.wikipedia.org/wiki/User:Leonard_G./sandbox"

A centered gallery displays correctly in Safari and Chrome, but is left justified in Firefox. The work-around is to bracket the gallery with additional centering commands.

Safari used to allow viewing of the page source but no longer does so (this should be a feature in Firefox, it is useful), so I cannot show the HTML.

Please contact me when done with the sandbox code.

Here is the wiki markup code:

----- Beginning of demonstration -----

====Following WITHOUT Firefox hack====
<gallery caption="Six alternative proposals in 2004" widths="170px" heights="80px" align="center">
File:SFOBBPropsalsOneOfSix.jpg|'''1:''' Self Anchored Suspension
File:SFOBBPropsalsTwoOfSix.jpg|'''2:''' Modified SAS Concrete Tower
File:SFOBBPropsalsThreeOfSix.jpg|'''3:''' Two-span Asymetrical Cable-stayed (Concrete)
File:SFOBBPropsalsFourOfSix.jpg|'''4:''' Two-span Symmetrical Cable-stayed (Concrete)
File:SFOBBPropsalsFiveOfSix.jpg|'''5:''' Two-tower Three-span Cable-Stayed (Concrete)
File:SFOBBPropsalsSixOfSix.png|'''6:''' Extend the Skyway Bridge to YBI
</gallery>
====Following WITH Firefox hack====
<center><!--HACK! required for gallery content (but not title) centering in Firefox 16 -->
<gallery caption="Six alternative proposals in 2004" widths="170px" heights="80px" align="center">
File:SFOBBPropsalsOneOfSix.jpg|'''1:''' Self Anchored Suspension
File:SFOBBPropsalsTwoOfSix.jpg|'''2:''' Modified SAS Concrete Tower
File:SFOBBPropsalsThreeOfSix.jpg|'''3:''' Two-span Asymetrical Cable-stayed (Concrete)
File:SFOBBPropsalsFourOfSix.jpg|'''4:''' Two-span Symmetrical Cable-stayed (Concrete)
File:SFOBBPropsalsFiveOfSix.jpg|'''5:''' Two-tower Three-span Cable-Stayed (Concrete)
File:SFOBBPropsalsSixOfSix.png|'''6:''' Extend the Skyway Bridge to YBI
</gallery>
</center>


----- End of demonstration -----

- Leonard G.

Comment 1

[(mostly gone) XtC4UaLL [:xtc4uall]]

Reproducible in:
* Mozilla/5.0 (Windows NT 6.1; WOW64; rv:20.0) Gecko/20121214 Firefox/20.0 ID:20121214030827

* Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.0.19) Gecko/2010031422 Firefox/3.0.19 ID:2010031422

* MSIE 10 (Windows 7 x64)

OTH, Opera 12 renders like Chrome 25.

Comment 2

[rocketman1937]

With the IE being a problem then perhaps this is an issue not for the Firefox maintainers but for the Wiki maintainers. Can someone inside Mozilla handle this? - Leonard G.

Comment 3

[rocketman1937]

I have reported this to MediaWiki branch - https://bugzilla.wikimedia.org/show_bug.cgi?id=43186, referencing this bug report. - Leonard G.

Comment 4

[Ioana (away)]

Reproducible on Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:21.0) Gecko/20130109 Firefox/21.0.

Comment 5

[Boris Zbarsky [:bzbarsky]]

The page uses markup like this:

  <ul align="center">
    <li style="display: inline-block">AB</li>
    <li style="display: inline-block">CD</li>
  </ul>

and that centers in WebKit.

But there is no special behavior defined for the "align" attribute on <ul> per spec, either in HTML4 or in HTML5.  So this seems like a WebKit bug to me.  And a MediaWiki one if they're relying on it.