Hello all, Its been a while since I posted here as I've been heavily googling and working on my portfolio site.
http://mattgreenfield.co.uk/
Its a one page layout and each page is a div box that is moved off the left side of the screen using a massive negative margin. When a link is selected the CSS :target property is reducing that margin to 0 and as such displaying the page again.
I have tried using http://selectivizr.com/ to ensure older browsers that do not support the target selector can still use the site. I believe this has worked but only on some browsers. Fingers crossed! I may add a link to my pdf CV for those one really dated browsers....
I am also begging to play around with media queries for different screen sizes and devices.
My main concern right now though is that on resizing the page, the content does not begin to scroll. I have tried adding overflow:scroll to the page elements but it doesnt appear to do anything. Ive added another div inside each 'page' to add the content to in the hope that i can style this differently but no luck. Does anyone have any ideas? is this possible? I believe it may be something to do with the positioning of the parent element??
Right now it seems a pretty fundamental flaw so I'd love you feedback.
Thanks!!