Home > Not Working > Firefox Max-width Not Working

Firefox Max-width Not Working


Support Forum This thread was archived. Comment 26 Andreas Hennings 2015-08-11 08:50:01 PDT And table-layout: fixed does not have any effect. So doing this needs a bit of careful thought. Now the page displays well in IE and in Firefox. this contact form

I'll update the code. –Sloth Armstrong Jul 15 '14 at 23:07 Also to clarify - I need to use inline-block as the display. See testcase, the 2 images are the same. I have tried setting a max width on the divs, tried changing the display types, but nothing works. If this reasoning applies, then CSS2.1 doesn't define what we need to do here, in which case we're still compliant.

Firefox Max-width Not Working

As James says it "both implementations are idiotic" There are several work around's. mr8uzz Posted 12/12/14, 4:50 AM Chosen Solution I got it working by setting a special parameter in CSS for the images I needed to scale and then I referenced this with This is a pretty silly and glaring issue that really should be resolved. I do seem to remember reading something about having to tell Firefox, or Webkit etc...

The way to fix it so it looks like the same in WebKit, Blink and Gecko is to put a "table-layout: fixed;". If you remove the display:block, you should notice that the spacing between the

tags widens from 10px to 20px. It's quick & easy. Max Width 100 Not Working And the key issue there is that since table cells _do_ expand to contain their content they have to propagate the intrinsic min-width of said content out in their own intrinsic

Or fill a bug report about your own Web site on at Thanks. Standards mode: IE7/Win: Image sizes as Gecko 1.8, table cell with "width:100%" is 100px wide, the max-width one is 50px wide. I think the bug can be fixed if percentual value of a property (1) for an element with an intrinsic ratio will be calculated taking related specified value of containing box, Website are not displaying properly on firefox including twitter.

Comment 42 Mike Dodge 2016-03-11 06:52:19 PST (In reply to Boris Zbarsky [:bz] from comment #37) > Jason, this bug is fixed by the fix for bug 823483 which was checked Table Max Width 100% So you can check that in the Inspector via Inspect Element in the right-click context menu. * mr8uzz Posted 12/11/14, 3:02 PM Question owner Everything worked fine before firefox updated to don't mind me, Just curious to know what specifically you're trying to achieve other than the border-collapse. If you want to use width:100% in place of max-width:100% you must be sure that the parent's width cannot be greater than the image's width, for instance by replacing

Firefox Table Cell Width

more hot questions question feed default about us tour help blog chat data legal privacy policy work here advertising info mobile contact us feedback Technology Life / Arts Culture / Recreation This time Stackoverflow Comment 17 Loic 2016-02-10 06:49:59 PST The testcase works now, it has been fixed by bug 823483 which is in Nightly. Firefox Max-width Not Working The kicker is, once I resize the window even the smallest amount, the top and bottom divs shoot to 100%. Display Table Not Working In Firefox One more step Please complete the security check to access Why do I have to complete a CAPTCHA?

You need to either specify an exact width dimension, or use block display property. .outer { position: relative; display: block; /* use BLOCK here instead of inline-block; */ text-align: center; } weblink I discussed that in my previous post already. IE takes the browser windows' width. Comment 37 Boris Zbarsky [:bz] (still a bit busy) 2016-03-04 17:54:02 PST Jason, this bug is fixed by the fix for bug 823483 which was checked into the development tree for Firefox Responsive Images Max-width

Girl moves to Japan, works in a night club and draws comic Music notation software for Ubuntu Help needed! share|improve this answer answered Sep 28 '10 at 17:33 Robimp 33641128 add a comment| Your Answer draft saved draft discarded Sign up or log in Sign up using Google Sign Updated. navigate here How do I fix my css to work in both browsers? Untitled 1