Thread Rating:
  • 1 Vote(s) - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
"Follow the Page" Welcome Block
#1
If you look on my site Systemfreeze.com the welcome block is the thing on the top but I want it to like come down when I scroll down the page so it follows where I go...

[Image: iYa29IFsjRtGF.png]


Reply
#2
position: fixed;
top: 0;
left: 0;
z-index: 9999;
good u
Reply
#3
Thanks works great!
Now I have a small problem my css is...

.header_wb {
background: #ddd;
width: 100%;
padding: 5px 8px 5px 8px;
height: 25px;
position: fixed;
margin: auto;
top: 0;
left: 0;
z-index: 9999;
}

and the text on the right is pushed over the oppisite way the the css is spose to be pushing it.

[Image: iYa29IFsjRtGF.png]


Reply
#4
If you use padding on the fixed element, it will push it off the screen. To fix, place a class or id with the follwoing CSS:

position: fixed;
top: 0;
left: 0;
width: 100%;

Then inside of that DIV, add another DIV/paragraph with padding.
good u
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)