X
點擊此處開啟此網站的行動版。

技術支援討論區

Multi-Column layout incorrectly rendered after resizing Firefox window

已張貼
Hello, I have a
that uses CSS3's "column-width" as follows:
div.article {
    position: absolute;
    height: 100%;
    column-width: 20em;
    -moz-column-width: 20em;
    -webkit-column-width: 20em;
}

It renders fine (a long text is split in 3 columns, each of 100% height), but when I re-size the Firefox window it sometimes does not split the text in 3 columns, but creates one column of (approx.) 300% height. It happens for both shrinking and expanding the window size.

The website can be found at:
http://circus.hkg-gmbh.com

Hello, I have a <DIV> that uses CSS3's "column-width" as follows: <pre><nowiki>div.article { position: absolute; height: 100%; column-width: 20em; -moz-column-width: 20em; -webkit-column-width: 20em; }</nowiki></pre> It renders fine (a long text is split in 3 columns, each of 100% height), but when I re-size the Firefox window it sometimes does not split the text in 3 columns, but creates one column of (approx.) 300% height. It happens for both shrinking and expanding the window size. The website can be found at:<br /> http://circus.hkg-gmbh.com

由 cor-el 於 修改

額外的系統細節

已安裝的外掛程式

  • Shockwave Flash 11.9 r900
  • Version 4.9.1.16010
  • Google Talk Plugin Video Accelerator version:0.1.44.29
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in web pages. For more information, visit the QuickTime Web site.
  • Provides information about the default web browser
  • Displays Java applet content, or a placeholder if Java is not installed.
  • iPhoto6
  • 5.1.20125.0
  • The Flip4Mac WMV Plugin allows you to view Windows Media content using QuickTime.
  • Plugin that detects installed Citrix Online products (visit www.citrixonline.com).
  • Facebook Video Calling by Skype
  • Picasa plugin.
  • Webkit plugin for GOMTVDownload Launcher
  • GOM Player Movie Plug-in
  • The Google Earth Plugin allows you to view 3D imagery and terrain in your web browser.

應用程式

  • Firefox 25.0.1
  • 使用者代理:Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:25.0) Gecko/20100101 Firefox/25.0
  • 技術支援網址:https://support.mozilla.org/1/firefox/25.0.1/Darwin/en-US/

擴充套件

  • Adblock Plus 2.1.2 ({d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d})
  • DuckDuckGo Plus 0.2.37 (jid1-ZAdIEUB7XOzOJw@jetpack)
  • Firebug 1.11.2 (firebug@software.joehewitt.com)
  • FoxyProxy Standard 4.2.3 (foxyproxy@eric.h.jung)
  • Live HTTP headers 0.17 ({8f8fe09b-0bd3-4470-bc1b-8cad42b8203a})
  • Page Speed 1.12.9 ({e3f6c2cc-d8db-498c-af6c-499fb211db97})
  • Stylish 1.2.6 ({46551EC9-40F0-4e47-8E18-8E5CF550CFB8})
  • Troubleshooter 1.1a (troubleshooter@mozilla.org)
  • Web Developer 1.2.1 ({c45c406e-ab73-11d8-be73-000a95be3b12})
  • Adobe Acrobat - Create PDF 1.2 (web2pdfextension@web2pdf.adobedotcom) (Inactive)
  • Adobe Contribute Toolbar 6.0 ({01A8CA0A-4C96-465b-A49B-65C46FAD54F9}) (Inactive)

JavaScript

  • incrementalGCEnabled: True

圖形

  • adapterDescription:
  • adapterDeviceID: 0x68a1
  • adapterDrivers:
  • adapterRAM:
  • adapterVendorID: 0x1002
  • driverDate:
  • driverVersion:
  • info: {u'AzureContentBackend': u'quartz', u'AzureCanvasBackend': u'quartz', u'AzureFallbackCanvasBackend': u'none', u'AzureSkiaAccelerated': 0}
  • numAcceleratedWindows: 2
  • numTotalWindows: 2
  • webglRenderer: ATI Technologies Inc. -- ATI Radeon HD 5750 OpenGL Engine
  • windowLayerManagerRemote: True
  • windowLayerManagerType: OpenGL

修改過的偏好設定

  • accessibility.typeaheadfind.flashBar: 0
  • browser.cache.disk.capacity: 358400
  • browser.cache.disk.enable: False
  • browser.cache.disk.smart_size.first_run: False
  • browser.cache.disk.smart_size.use_old_max: False
  • browser.cache.disk.smart_size_cached_value: 358400
  • browser.cache.memory.enable: False
  • browser.newtab.url:
  • browser.places.smartBookmarksVersion: 4
  • browser.search.useDBForOrder: True
  • browser.sessionstore.upgradeBackup.latestBuildID: 20131112160018
  • browser.startup.homepage: http://www.hkg-gmbh.com
  • browser.startup.homepage_override.buildID: 20131112160018
  • browser.startup.homepage_override.mstone: 25.0.1
  • browser.tabs.warnOnClose: False
  • dom.mozApps.used: True
  • dom.w3c_touch_events.expose: False
  • extensions.lastAppVersion: 25.0.1
  • font.internaluseonly.changed: False
  • gfx.blacklist.direct2d: 3
  • gfx.blacklist.layers.direct3d9: 3
  • network.cookie.prefsMigrated: True
  • network.dns.disablePrefetch: True
  • network.protocol-handler.app.gomcmd: "/Applications/GOM Player/GOM Player"
  • places.database.lastMaintenance: 1386775113
  • places.history.expiration.transient_current_max_pages: 104858
  • places.history.expiration.transient_optimal_database_size: 167772160
  • plugin.disable_full_page_plugin_for_types: application/pdf
  • plugin.importedState: True
  • plugin.state.adobepdfviewernpapi: 0
  • privacy.cpd.downloads: False
  • privacy.cpd.formdata: False
  • privacy.cpd.history: False
  • privacy.cpd.sessions: False
  • privacy.sanitize.migrateFx3Prefs: True
  • privacy.sanitize.timeSpan: 0
  • security.warn_viewing_mixed: False
  • security.warn_viewing_mixed.show_once: False
  • storage.vacuum.last.index: 1
  • storage.vacuum.last.places.sqlite: 1383513424

其他

  • User JS: 否
  • 輔助功能: 否
cor-el
  • Top 10 Contributor
  • Moderator
17526 個解決方法 158473 個答案

A good place to ask advice about web development is at the mozillaZine "Web Development/Standards Evangelism" forum.

The helpers at that forum are more knowledgeable about web development issues.
You need to register at the mozillaZine forum site in order to post at that forum.


Such issues can possibly be caused by rounding errors that makes things not fit.

Did you try height 99%?

A good place to ask advice about web development is at the mozillaZine "Web Development/Standards Evangelism" forum. *http://forums.mozillazine.org/viewforum.php?f=25 The helpers at that forum are more knowledgeable about web development issues.<br> You need to register at the mozillaZine forum site in order to post at that forum. ---- Such issues can possibly be caused by rounding errors that makes things not fit. Did you try height 99%?

提出問題者

Thank you. I am pretty sure it's not a "development question", but a "Firefox bug"...

Thank you. I am pretty sure it's not a "development question", but a "Firefox bug"...

由 cjlpa 於 修改