Hello!

 

I've not posted on here for seemingly years but I have a random problem that I am struggling with and I am hoping some kind soul can point me in the right direction!

 

Well, I am settign up a one page site for someone and I want to have the navigation and image in the left side always remain in the top left as a floating sidebar when the site scrolls down. I also want the site to be responsive. I have set up positioning as relative and absolute and the image is sized at 100% width to stay within the #left hand side. However when scrolling down the image reverts to it's original full size.

 

Do anyone know of a fix to get around this? I would be much appreciative of any pointers please. Here is the site: http://www.daycaredoncaster.co.uk/test/ and the css: http://www.daycaredoncaster.co.uk/test/style.css

 

Thanking you in advance

 

John

Would really appreciate it if someone could offer even a small clue as to what I am missing here.

 

Thanks

 

John

Edited May 28, 201412 yr by lincolnimp

Hi John,

 

On an unrelated note, have you looked at any responsive grid systems? They're very useful for this kinda thing. I would also advise against using tables for non-tabular data, though I guess that is down to preference. It would make it easier to find a solution in this case.

 

For me, the question wasn't 100% clear here - though I'll hazard a guess and assume you want the logo (and navigation?) to change in size on scroll. Could you clarify this for me please?

 

Jak

Is there a reason that you have a set width and height on the image?

 

<img src="../assets/Woodfield Park Logo.jpg" alt="test" width="250" height="149"/>