Large images cause layout to break

Question

Large images cause layout to break

Solved6.29K viewsOctober 16, 2014Core

0

williamhend Posted October 16, 2014

See attached. Images when they are too large, (over 600px wide) seem to break the layout and cause the right-side column to get pushed out of the content area.

Maybe add a max-width css class to all images?

3 Answers

0

chad 5 Posted October 16, 2014 0 Comments

Yes, same thing happening for me in Google Chrome. The UI for replies also becomes stretched and broken (off screen so you can’t click the submit button).

score 0 · Answer 1 · 2014-10-17T00:52:49+00:00

0

Rahul Aryan 30.96K Posted October 17, 2014 0 Comments

Just fixed the issue. you can see the commit here: Commit link

score 0 · Answer 2 · 2014-10-16T22:42:55+00:00

0

chad 5 Posted October 16, 2014 0 Comments

Hi Rahul

Can add in a css style to fix this.

.question-content img, .answer-content img{
max-width:100%;
}

That will make it so the image doesn’t break out of the content wrapper frame

–Chad

3 Answers

Resources