Jump to content

Scrolling Challenge!


Recommended Posts

Hey CSSers,


So here's the trick:


Site: http://krisvdv.net/portfoliocss/places/

CSS: http://krisvdv.net/portfoliocss/ndxz-studio/site/PIXistez%20White/style.css


The goal is to have a fixed header and footer, and allow the images to scroll horizontally. It looks and works great UNTIL you test in a smaller window size. Then, for some reason I can't figure out, as soon as you need a vertical scroll, the footer div can no longer be seen... thus not allowing visitors to see the bottom links.


Any ideas?




Link to comment
Share on other sites

In #footer, change position: fixed; to position: inherit; and the problem should go away.

Hi Dick,


Thanks for your reply.


Yes, you're right. However, the whole point of having it position: fixed is so the bottom nav not scroll along with the photos.


Any other ideas given these requirements?



Link to comment
Share on other sites

Hey All,


Thanks for your suggestions and ideas. I've tried a lot of different programming related solutions and have given up. I've shifted the problem to being design related and have now changed the site's design to fit the programming. Done.




Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...