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
  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:25.0) Gecko/20100101 Firefox/25.0
  • URL поддержки: 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) (Неактивно)
  • Adobe Contribute Toolbar 6.0 ({01A8CA0A-4C96-465b-A49B-65C46FAD54F9}) (Неактивно)

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 решений 158459 ответов
Размещено

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