Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Michel Arteta
Michel Arteta
4,207 Points

Image not showing correctly

Hi, I am helping a friend with a problem and I actually still can't find it so I was thinking perhaps you could.

I have a jQuery slider on a modal window (foundation 4) and the image is not taking the full width and height. the markup and css is at http://developer.saleyatribeca.com/

I tried to give a min-width and min-height to .rsImg .rsMainSlideImage but it doesn't work...

What would you suggest?

3 Answers

John Locke
John Locke
15,479 Points
John Locke
John Locke
15,479 Points

body { position: absolute; height: 100%; width: 100%; } .wrapper { /* Remove all the other classes you have on it now */ margin-top: 0; position: absolute: top: 0; background-size: cover; left: 0; }

Try that and see if it works. You will need to adjust positioning on your links on mobile.

Michel Arteta
Michel Arteta
4,207 Points
Michel Arteta
Michel Arteta
4,207 Points

Are we talking about the modal window? slider images?

John Locke
John Locke
15,479 Points
John Locke
John Locke
15,479 Points

I simply followed the link you provided and tried to solve for full width and height.

Kevin Granger
Kevin Granger
20,332 Points
Kevin Granger
Kevin Granger
20,332 Points

if you're using foundation you better should use Orbit http://foundation.zurb.com/docs/components/orbit.html which will work fine.