Home > Not Working > White-space Not Working In Firefox

White-space Not Working In Firefox

Contents

Made a quite concise test case here (with inline-blocks): http://jsfiddle.net/dalgard/zWxbL/show/ Comment 6 004a0041 2012-10-17 21:59:08 PDT this also occurs with white-space: pre, probably because its behavior is a superset of white-space: waynec444 Posted 3/5/15, 1:44 PM Question owner Thank you. Lines are broken at newline characters, at
, and as necessary to fill line boxes. There is always pain when sites rely on nonstandard browser behaviors because sooner or later, those behaviors will change, assuming browser makers continue to make progress toward supporting standards.) Portions of http://nadrp.com/not-working/white-space-not-working-in-ie7.html

Newer Than: Search this thread only Search this forum only Display results as threads Useful Searches Recent Posts More... When I press SPACEBAR twice after a fullstop, the second or (nth) row in a paragraph is being indented and not lining up to the left. asked 4 months ago viewed 82 times active 4 months ago Upcoming Events 2016 Community Moderator Election ends in 6 days Blog How We Make Money at Stack Overflow: 2016 Edition It is working fine in THIS text entry box but is now a problem on some other sites. http://stackoverflow.com/questions/38184806/white-space-not-working-on-firefox

White-space Nowrap Not Working

cheers, gary kk5st, Aug 21, 2008 IP Stomme poes Peon Messages: 3,197 Likes Received: 136 Best Answers: 0 Trophy Points: 0 #10 Now that I've d/l'd FF3 (gawd I hate So, the solution to replace the non-w3c compliant attribute "wrap=off" in CSS is that : .nowrap { white-space: pre; overflow: auto; word-wrap: normal; } Have a nice day ! ;D Comment HTH Cata kataleen, Aug 19, 2008 IP tewage Active Member Messages: 41 Likes Received: 0 Best Answers: 0 Trophy Points: 56 #5 Tell us if it's fine now. Can someone help me find this solution?

which don't have any effect on the issue). You make my day! Do not use it on production sites facing the Web: it will not work for every user. Css Nowrap Ellipsis It would not force a bunch of blocks or non-text inlines to not wrap.

Then I upgraded to 36.0 on that computer and now the problem is there too. PS, here's the first post: http://forums.digitalpoint.com/showthread.php?t=606211 visiblemedia, Jan 10, 2008 IP dot45 Peon Messages: 4 Likes Received: 1 Best Answers: 0 Trophy Points: 0 #2 why not just make it After this testing, just exit (back out) without continuing placing the listing. So in Safari, in that sort of situation a newline in the actual value is ignored: data:text/html,abc&%2310;def but pressing enter does insert _something_ that ends up rendering as a newline.

Stay logged in Digital Point Home Forums > Design > HTML & Website Design > CSS > Your Ad Here Log in to view your Analytics, AdSense & PayPal stats Home Css White Color Content is available under these licenses. Recommendation Initial definition Browser compatibility Desktop Mobile Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit) Basic support (normal and nowrap) 1.0 1.0 (1.7 or earlier) 5.5[1] 4.0 1.0 (85) pre Here's a solution - a) Word wrap was working fine until 36.0 b) It no longer works on most sites c) Adjust 36.0 and future versions back to when it did

Css White-space Nowrap

Comment 13 Boris Zbarsky [:bz] (still a bit busy) 2015-11-15 09:16:26 PST "white-space: pre-wrap". great post to read Initial valuenormalApplies toall elementsInheritedyesMediavisualComputed valueas specifiedAnimation typediscreteCanonical orderthe unique non-ambiguous order defined by the formal grammar Syntax /* Keyword values */ white-space: normal; white-space: nowrap; white-space: pre; white-space: pre-wrap; white-space: pre-line; White-space Nowrap Not Working Syntax span:-moz-only-whitespace { style properties } Example CSS span:-moz-only-whitespace::before { background-color: lime; } HTML Document Tags and Contributors Tags: CSS CSS Reference NeedsCompatTable Non-standard Pseudo-class Contributors to this page: White Space Html First off, this is not a site for everyone to see, its just for my clients, so there's no need to accommodate for accessibility issues.

Please note, I don't see pre-wrap and pre-line working with IE 8.0x. his comment is here Let me tell you a little about myself Chess : The Lone King Who are the people on this picture? Join them; it only takes a minute: Sign up Firefox CSS nowrap problem up vote 2 down vote favorite I'm trying to create a horizontal (no line breaks) unordered list of FF 43, 45.2 shows blank page with certain site, "Wrap Long Lines" Page Style How do I get the firefox spell checker to ignore words that are all caps or include White-space-collapse

  1. Here's a solution - a) Word wrap was working fine until 36.0 b) It no longer works on most sites c) Adjust 36.0 and future versions back to when it did
  2. Most often there are no categories to break this stuff into and to do that would just add unnecessary clicks anyway.
  3. Is it normal to treat Math Theorems as "Black Boxes" What difficulty would the Roman Empire have sieging a fantasy kingdom's 49m wall?
  4. There may also be large incompatibilities between implementations and the behavior may change in the future.
  5. html css css3 share|improve this question edited Jul 4 at 12:37 Xufox 5,85151036 asked Jul 4 at 12:29 bav ko ten 649 Try this css-tricks.com/snippets/css/… –Arathi Sreekumar Jul 4

EDIT: To clarify, the problem in FF is that the li's still wrap. cheers, gary @ Stomme poes: Go ahead and use some inline-block; it's not that hard. Why do Internet forums tend to prohibit responding to inactive threads? this contact form If the OP tunes in, DTDs need to be complete, including the URI to trigger standards mode, else x-browser compat is a nightmare.

It would be great if you can convince the site to change this to: which is supported by all modern browsers (per the compatibility Text-space-collapse Converting a PyQGIS script that works for one input to work with multiple inputs Taxing GoFundMe Donations Why is nuclear waste dangerous? When entering text into a web form the text no longer "wraps" at the end of the box.

Reply ↓ sunyata Permalink to comment# December 2, 2013 font-family: monospace; white-space: pre; Using above, I am able to preserve the pre on Firefox.

and Bob’s yer uncle! You can use "white-space: pre-wrap" or "white-space: pre-line" if you want to preserve whitespace or newlines while wrapping. Reply ↓ Jon Permalink to comment# April 22, 2016 Man I can't tell you how many times I look around the web for solutions or half solutions and not find the Css Nowrap Td Cancel Subscribe to feed Question details Product Firefox Topic Fix slowness, crashing, error messages and other problems System Details Windows Vista Firefox 36.0 More system details Additional System Details Installed

Absolutely! So there's your trouble: "pre" means Firefox should emulate the preformatted tag, which requires manual line breaks. Note You need to log in before you can comment on or make changes to this bug. navigate here To manually hack this form control, you can right-click it and choose Inspect Element (Q).

Reply ↓ tetra Permalink to comment# April 2, 2014 You've probably figured this out by now, but if anyone else comes here -- it's because you have two breaks. White space is honored exactly as it is in the HTML and the text does not wrap until a line break is present in the code. An appropriate use of pre-line that will wrap each line. If we want to force the browser to display those line breaks and extra white space characters we can use white-space: pre; It's called pre because the behavior is that as

I made a fiddle to help reproduce it here : http://jsfiddle.net/71huf7mb/4/ Comment 1 Loic 2015-02-27 04:38:55 PST Regression range: http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=7e3c85754d32&tochange=80e18ff7c7b2 Brian Marshall — Bug 82711 - Support CSS white-space property on Hide Newsletter Sign-up See also CSSCSS ReferenceCSS SelectorsGuidesUsing the :target pseudo-class in selectorsBasic SelectorsType selectorsClass selectorsID selectorsUniversal selectorsAttribute selectorsCombinatorsAdjacent sibling selectorsGeneral sibling selectorsChild selectorsDescendant selectorsPseudo-classes:active :any:checked :dir():disabled:empty:enabled:first:first-child:first-of-type :fullscreen:focus:hover:indeterminate:invalid:lang:last-child:last-of-type:left:link:not():nth-child:nth-last-child:nth-last-of-type:nth-of-type:only-child:only-of-type:optional:out-of-range:read-write:required:right:root :scope:target:validPseudo-elements::after (:after)::before (:before)::first-letter The following table summarizes the behavior of various white-space values:   New lines Spaces and tabs Text wrapping normal Collapse Collapse Wrap nowrap Collapse Collapse No wrap pre Preserve Preserve No The page would have to have a width set.

CSS Level 2 (Revision 1)The definition of 'white-space' in that specification. Comment 5 k.dalgard 2011-10-24 14:44:19 PDT Have the same problem. Given that, I believe our behavior here is actually correct, as is IE's. css firefox nowrap share|improve this question edited Feb 23 '11 at 21:15 asked Feb 23 '11 at 20:59 user541020 7919 What is the behavior you're seeing? –canon Feb 23

Fixing it will require significant // restructuring of line layout. // We might as well allow zero-width floats to be placed, though. You solve my problem ;) Yes, the problem was the default "word-wrap: break-word" in Safari, causing "white-space: pre" not working as expected. Comment 1 Daniel.S 2009-04-16 12:16:28 PDT In the case of [Permalink] it's a know bug, that will be fixed in the Firefox 3.5 release. This is particularly useful when literally displaying code, which benefits aesthetically from some formatting (and some time is absolutely crucial, as in white space dependent languages!) Perhaps you like how pre

Contact Us Help Home RSS Terms You can target relevant areas of the site and show ads based on geographical location of the user if you wish. At a reasonable font size, that's too much text to fit in 100px.