@media calls in Firefox ??

[john love]

I'm trying to center a poem, but if the window width gets too small, i.e. landscape -> portrait, I want the poem to (1) left align and (2) word-wrap. Here are the 2 .css files.

First, the default case:


/* css/default.css */

#header, #poemWrapper, #footer {
text-align: center;
}

#poem {
width: 28em;
}


Now, here iss the thin version of the .css:


/* css/thinMobile.css */

#header, #poemWrapper, #footer {
padding-left: 1em;
padding-right: 1em;
text-align: left;
}

#poem {
width: auto;
/*
color: #00f; // just for testing
*/
}


It successfully left aligns, but when the window width gets smaller than the width of the poem, there is zero word wrap in Firefox. Word wrap happens in Safari, SeaMonkey, but not in Firefox or Navigator 9. BTW, I know the Browser is accessing the thin version in Safari and SeaMonkey because of my color test -- but not with Firefox and Navigator.

I have read that Firefox does incorporate HTML 4, so does anyone have any ideas.

Here's the link.

Appreciate it.

John Love

[meesa]

Make sure you're using the mobile versions of Firefox and Navigator.

[john love]

Thanks for the info on Firefox mobile. Using their simulator, the effect of narrowing the window is a decrease of the font size so that in my case wrapping has no chance to occur. That works for me.

Having said that, I'm back on the hunt of Firefox non-mobile .. weird stuff because word wrap will occur UNTIL the window width decreases to some small value .. and with any further decrease, word wrap ceases.

Another weird happening .. at this magical small width when word wrap ceases, no horizontal scroll bar appears on the Firefox window.

... the link (http://webpages.charter.net/jolove/Escort_Folder/Dedication_Poem_iOS.html) ...

HAALP!!!

[chrishirst]

take the white-space: nowrap rule off the header and footer.

[john love]

Chris ...

Boy do I wish it were that simple .. I tried it long ago and again just now .. not working.

BTW, I just googled "word wrap Firefox" and got a bunch that relates to word wrapping super-long words. Dunno if my problem is a corollary to this super-long word challenge.

I've been thinking I really don't remember any problem with FX before; the problems were always with IE, Mac and Windows.

One more thing .. if when word wrap stops, I increase the font-size via CMD+ for the Mac, word wrap happens and then stops .. hit CMD+ again and word wrap continues and stops a tad later.

Wierd stuff.

[chrishirst]

What have you just changed?

Because it is not showing a scrollbar at the header width now

[john love]

To the best of my memory, Chris, it's always been that way with Firefox rather than any other Mac browser.

Here's a gotcha:


http://www.w3.org/QA/2002/04/valid-dtd-list.html
(http://www.w3.org/QA/2002/04/valid-dtd-list.html)

and that site comes from the rule makers themselves.

I'm working with Firefox 3.6.9 .. found 3.6.8 with same "feature".

Go figure!

John

[john love]

Here's another site to see the disappearing vertical scroll bar in Firefox:

http://www.welovecss.com/forumdisplay.php?f=5

[john love]

[SOLVED]

http://www.mozilla.com/en-US/firefox/beta/?utm_source=lasindias.info/blog