Search code examples
htmlcssscrollz-indexkoken

horizontal scrolling divs, first div fixed


I'm designing a portfolio website for a friend, using the KOKEN CMS. The supplied theme is nice but needs some changes. It places all portfolio pictures in a scrollable horizontal band of divs, preceded by a div with intro text. However the theme doesn't allow to have the intro text stay in place, and the following divs scrolling. Please take a look at http://www.shakkei.com/klanten/hansmaes/projecten/m-r-houthalen/

So the text block "TWEE APPARTEMENTEN aard: nieuwbouw plaats: Houthalen ontwerp: 2005 realisatie: 2015" needs to stay fixed, the pictures should scroll.

Can i have some advice on how to alter the CSS (z-index?,...) to manage this? Many thanks!


Solution

  • you can take the div called "wrap" and add "positio:fix" to it and play around to get it the right top and left values; also you need to choose the highest z-index in order to overlap everything. i tried it on google chrome inspect element and these values seems to be fine "position:fixed;top:100px;left:0px;z-index:9999999999"