Jump to content


Photo

Scrolling Challenge!


  • Please log in to reply
8 replies to this topic

#1 dseguin

dseguin

    New To The Neighborhood

  • Members
  • Pip
  • 7 posts

Posted 15 December 2009 - 06:30 PM

Hey CSSers,

So here's the trick:

Site: http://krisvdv.net/p...oliocss/places/
CSS: http://krisvdv.net/p...White/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?

Thanks!
Dan

#2 TCH-Bruce

TCH-Bruce

    Volunteer Moderator

  • Members
  • PipPipPipPip
  • 19,960 posts

Posted 16 December 2009 - 11:10 AM

Sorry nobody has responded yet but hang in there I'm sure someone will have an idea for you.

Bruce Richards
Forum Moderator
TotalChoice Hosting, Inc.
Webhosting by Total Choice Web Hosting - General Support Forum

I am a Forum Moderator. While I can assist in answering most of your hosting related questions, I am unable to answer questions about specifics relating to your account such as billing and server related issues. Should you need assistance in these areas, please contact our Help Desk or our many other options. Another good place to find answers is with our help pages, tutorials and movie tutorials.


#3 dseguin

dseguin

    New To The Neighborhood

  • Members
  • Pip
  • 7 posts

Posted 16 December 2009 - 11:22 AM

Hey Bruce,

No worries! I'm the meantime, I'm testing away with ideas. I'll post some of those in the next couple hours.

Cheers,
Dan

#4 TCH-Dick

TCH-Dick

    General Manager

  • Admins
  • PipPipPipPip
  • 5,786 posts

Posted 16 December 2009 - 01:46 PM

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

Dick DeVance
General Manager
TotalChoice Hosting, Inc
dick@totalchoicehosting.com


Posted Image


#5 dseguin

dseguin

    New To The Neighborhood

  • Members
  • Pip
  • 7 posts

Posted 16 December 2009 - 02:12 PM

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?

Dan

#6 TCH-Dick

TCH-Dick

    General Manager

  • Admins
  • PipPipPipPip
  • 5,786 posts

Posted 16 December 2009 - 05:12 PM

You can try position: relative; or keep position: fixed; and make sure you set the options such as top, bottom, left, right.

Dick DeVance
General Manager
TotalChoice Hosting, Inc
dick@totalchoicehosting.com


Posted Image


#7 dseguin

dseguin

    New To The Neighborhood

  • Members
  • Pip
  • 7 posts

Posted 17 December 2009 - 12:49 PM

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.

Cheers,
Dan

#8 carbonize

carbonize

    Immediate Family

  • Members
  • PipPipPipPip
  • 828 posts

Posted 21 December 2009 - 03:40 AM

Damn I just go to look and you have already removed the pages :|
Carbonize
Lazarus Guestbook
A SPADE IS A SPADE - I'm here to help people not to win friends or gain popularity.

#9 dseguin

dseguin

    New To The Neighborhood

  • Members
  • Pip
  • 7 posts

Posted 21 December 2009 - 10:11 AM

Damn I just go to look and you have already removed the pages :|


Sorry Carbonize! Had a client waiting... Thanks for stopping by though!
Dan




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users