Im trying to have common scroll bar for both left navigation div and right content div like a simple page, but failed to do so ... no matter what i did scrollbar only acts for content div is there any way for them to act on same scrollbar (on right side of page).
Link to Codepen: http://codepen.io/anon/pen/qEMPax
Im beginner to css and cant seem to figure this one out. would be glad if someone can help me out.
Thanks and Regards,
Jimmy
Just apply overflow:auto; to the nav#slide-menu selector. If I correctly understood what you want!?
Related
Hope I can explain my question so you understand :)
I have a sidebar with position: sticky which moves the sidebar when scrolling down the page. My problem is now, when I scroll the page complete down, there is another element which get covered from the sticky sidebar. Is it possible to move that element down also when reaching it with the sidebar?
Please see my page for reference, so you´ll know what I mean. The clue would be to do it with css only?
https://heimprofi.shop/bodenbelaege-sockelleisten/sockelleisten/altberliner-hamburger-profil/
Hope you guys can help me out. Thanks a lot.
I have been designed a web site which top menu has fixed position
every thing is Okay, the site is not responsive. but in mobile the top menu stick to left,but it must be at center.
please help me, what can I do??
the website : http://www.infinitypub.com/
Remove both width and max-width from the body element. I suspect you're trying to center the page, but you're doing it in an incorrect way.
http://codepen.io/MarcMurray/pen/GBwEt
I'm curently laying out a page for an assignment, and am having bit of a brain fart in regard to positioning the content container beside the side bar and below the header.
I know it should be a simple fix, but when i change the margins it pushes the whole page down.
Can anyone see what I'm doing wrong?
Add float:left to .cardinfo CSS class
I want to fix this menu bar at the top of the page, so that when user scrolls down, the menu bar continues to appear and the content flows into it. I tried everything, some help would be nice.
Heres the CSS and below the HTML:
CSS: https://www.dropbox.com/s/a0z0eov71wvha1c/style.css
HTML: https://www.dropbox.com/s/qyvb0oqhx8550ym/html.txt
Thank you!
Use the position: fixed css property. Then the position of the div is relative to the window's viewport rather than the content of the page.
You spelled position in #navigation wrong in your stylesheet, could that be the problem?
This is really easy if you correctly understand how the position attribute works in css.
I have a demo which should help you. You just need to understand how position:fixed is used to make the menu bar stick to top.
http://codepen.io/anon/pen/mvGqf
The website I'm building features a large background header image with a transparent fixed navigation bar on top. View it here: www.bedriftsdesign.no
Right now when you scroll the content scrolls over the header image just as planned, but when it reaches the navigation bar, I'd like it to disappear under the content, the same way the header background does, but it stays on top. To see the effect I'm trying to get, take a look here: http://www.googleventures.com/
Any idea on how to solve this? I've tried messing about with the z-indexes with no result yet.
Would be really grateful for some help.
Add to your <feature> tag that holds all the content, the following css:
feature{
position:relative;
z-index:10;
}
You should probably put it as an answer if it worked for you :).