Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Èròjà atẹ̀lélànà yii ni a ti fi pamọ́ fọ́jọ́ pípẹ́. Jọ̀wọ́ béèrè ìbéèrè titun bí o bá nílò ìrànwọ́.

Multi-Column layout incorrectly rendered after resizing Firefox window

  • 2 àwọn èsì
  • 3 ní àwọn ìṣòro yìí
  • 7 views
  • Èsì tí ó kẹ́hìn lọ́wọ́ cjlpa

cjlpa
cjlpa
more options
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

Ti ṣàtúnṣe nípa cor-el

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

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

cjlpa
cjlpa Ìbéèrè olóhun
more options

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

Ti ṣàtúnṣe nípa cjlpa