/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Image jumps out of div when browser is resized

I have an image that jumps down and out of its div when I narrow my browser. I’ve tried all kinds of things to prevent this from happening and haven’t been able to turn the right key (I’m not taking to responsive web coding very naturally. I might have hit my limit here….).

Here’s the site: [url]http://giveitform.com/[/url]

Any suggestions are welcome.

It’s the contents of the <div id=”fadeshow”></div> that jump downward upon narrowing the browser.

Please let me know if you need anything that I haven’t provided here.

Thank you!

to post a comment
CSS

1 Comments(s)

Copy linkTweet thisAlerts:
@LPerkinsauthorMar 30.2015 — I removed the ".inner" from the ".outer .inner" class, which added 20px of padding, and that fixed it.
×

Success!

Help @LPerkins spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.12,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,
)...