Defect #3163
closedLarge inline images overflow
20%
Description
attached images that are larger than the current page size are allowed to overflow past the container. Shouldn't we at least use a css rule to stop the overflow?
Is there a simple way around this?
Files
Related issues
Updated by Justin Grevich almost 14 years ago
- Assignee set to Eric Davis
- % Done changed from 0 to 10
You can set a max-width to all images in #content:
svn diff Index: public/stylesheets/application.css =================================================================== --- public/stylesheets/application.css (revision 4358) +++ public/stylesheets/application.css (working copy) @@ -79,6 +79,7 @@ * html #content{ width: 75%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;} html>body #content { min-height: 600px; } * html body #content { height: 600px; } /* IE */ +#content img { max-width: 100%; } #main.nosidebar #sidebar{ display: none; } #main.nosidebar #content{ width: auto; border-right: 0; }
Are there other elements than images that may cause overflow?
Apparently IE8 does not implement max-width correctly in some cases: http://reference.sitepoint.com/css/max-width#compatibilitysection
Updated by Eric Davis over 13 years ago
- Assignee deleted (
Eric Davis)
I am stepping down from working on Redmine. If someone else is interesting in working on this issue, feel free to reassign it to them.
Eric Davis
Updated by Justin Grevich over 13 years ago
- File redmine-image_overflow-v0.1.patch redmine-image_overflow-v0.1.patch added
- Assignee set to Justin Grevich
Attached is a patch for what I've been using. Let me know how it works.
Updated by Justin Grevich over 13 years ago
- % Done changed from 10 to 20
I tested this in Win7 x64 using IE 8.0.7601.17514. Apparently max-width works fine as long as the doc-type is not xhtml strict (http://davidnaylor.org/blog/2008/09/ie8-and-max-width/ | http://davidnaylor.org/blog/2009/05/ie8-sorted/). Perhaps even that has been fixed now in later IE8 versions.
Can anyone report this not working?
Updated by Justin Grevich over 13 years ago
http://nfine.net/bugs/ie8bug.html can reproduce the bug with dynamically created images. I tried the same with Redmine's preview and it seems to work correctly.
Updated by Jean-Philippe Lang over 10 years ago
- Subject changed from attached images are allowed to overflow containers to Large inline images overflow
- Status changed from New to Closed
- Assignee changed from Justin Grevich to Jean-Philippe Lang
- Target version set to 2.5.0
- Resolution set to Fixed
Fixed in r12864.
Updated by Jean-Philippe Lang over 10 years ago
- Has duplicate Defect #12244: Preview Layout breaks on large images added
Updated by Jean-Philippe Lang over 10 years ago
- Has duplicate Defect #16053: add overflow hidden added
Updated by Anonymous over 10 years ago
Updated by Jean-Philippe Lang over 10 years ago
Stefan Tatschner wrote:
I'm afraid this fix works only for the wiki and not the issue tracker, see #14021.
No, this fix is not only for the wiki. The patch is not yet applied here.