User:SOTO/Forum Archive/The Drax Cave/@comment-2162194-20140115235742/@comment-1192533-20140120072904

User:SOTO/Forum Archive/The Drax Cave/@comment-2162194-20140115235742/@comment-1192533-20140120072904 I've identified the cause.

The max-width CSS property for images is set to "100%" - while Webkit browsers (e.g. Chrome) interprets this as "100% of the parent container", Firefox interprets this as "100% of the page width". I'm not certain if this is a bug in Mozilla or just a difference in opinion between Webkit devs and Mozilla, but it does explain why Chrome and Safari are not affected.

Quite understandably, I am unable to edit the infoboxes to correct the problem. However, what I can do is create a userscript to make the wiki usable until someone with more power than me can fix it.

1. Install Stylish

2. Once you've installed Stylish (and restarted Firefox), install this userscript.

3. Observe as your images are forcibly resized to a maximum width of 350px. You may need to refresh the page.