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

Fóram Tacaíochta

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

Multi-Column layout incorrectly rendered after resizing Firefox window

Postáilte
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

Athraithe ag cor-el ar

Tuilleadh mionsonraí faoin chóras

Breiseáin Shuiteáilte

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

Feidhmchlár

  • 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 Tacaíochta: https://support.mozilla.org/1/firefox/25.0.1/Darwin/en-US/

Eisínteachtaí

  • 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) (Neamhghníomhach)
  • Adobe Contribute Toolbar 6.0 ({01A8CA0A-4C96-465b-A49B-65C46FAD54F9}) (Neamhghníomhach)

JavaScript

  • incrementalGCEnabled: True

Grafaic

  • 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

Sainroghanna Athraithe

  • 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

Éagsúil

  • User JS: No
  • Inrochtaineacht: Níl
cor-el
  • Top 10 Contributor
  • Moderator
17673 réiteach 159870 freagra

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

Úinéir na ceiste

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

Athraithe ag cjlpa ar