X
Tap here to go to the mobile version of the site.

Support Forum

Multi-Column layout incorrectly rendered after resizing Firefox window

Posted
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

Modified by cor-el

Additional System Details

Installed Plug-ins

  • 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.

Application

  • Firefox 25.0.1
  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:25.0) Gecko/20100101 Firefox/25.0
  • Support URL: https://support.mozilla.org/1/firefox/25.0.1/Darwin/en-US/

Extensions

  • 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

Graphics

  • 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

Modified Preferences

  • 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

Misc

  • User JS: No
  • Accessibility: No
cor-el
  • Top 10 Contributor
  • Moderator
17578 solutions 159013 answers

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%?

Question owner

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"...

Modified by cjlpa