5 replies [Last post]
Apeon
Apeon's picture
Offline
newbie
Last seen: 13 years 3 weeks ago
Joined: 2007-11-03
Posts: 3
Points: 0

Hi, I'd like to have a web page that when you scroll vertically the permanent navigation bar hides the main content/text. All it does now is go over the top of the navigation bar. I've looked but I can't find an answer. So, does anyone have any links or suggestions? Thanks.

AttachmentSize
style.txt271 bytes
index.txt2.19 KB
thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 36 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

A doctype would help, you

A doctype would help, you know Wink

Verschwindende wrote:
  • CSS doesn't make pies

Apeon
Apeon's picture
Offline
newbie
Last seen: 13 years 3 weeks ago
Joined: 2007-11-03
Posts: 3
Points: 0

I used <!DOCTYPE HTML PUBLIC

I used

Thanks for the reply.

AttachmentSize
index.txt 2.22 KB
thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 36 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Give this a go instead. I

Give this a go instead. I ditched all the horrible tables and inline tags, marked it up with semantic HTML, and got it doing what you want - in Firefox, at least Wink

Web Page Template

*/-->

Title goes here


  • Home

  • About

  • Products

  • Faq

  • Contact

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc volutpat tempus purus. Aliquam erat volutpat. Sed ullamcorper, turpis et dapibus molestie, quam nulla luctus arcu, a luctus lorem ipsum eu tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam at risus. Cras mollis risus. Integer tincidunt felis ut mi. Phasellus elementum, mi eget ornare facilisis, nunc nibh interdum tortor, eget lobortis lectus sapien vitae arcu. Aenean eu pede. Sed et dolor. Sed nibh dolor, facilisis sit amet, egestas non, viverra eu, velit. Aliquam velit velit, tincidunt eget, placerat rutrum, euismod vel, elit. Proin ornare luctus magna. Vestibulum pede sem, consequat quis, faucibus a, tristique sagittis, ligula. Etiam varius erat ut diam. Aenean at enim a metus auctor lobortis. Praesent sed mi in arcu pretium facilisis.

Etiam cursus elit sed felis. Nam elementum placerat tellus. Cras eleifend dapibus metus. Ut non orci ac pede tristique sagittis. Vestibulum elit augue, pulvinar vel, viverra ut, vulputate at, sem. Integer leo turpis, aliquet eu, egestas ut, luctus vitae, felis. Vivamus at metus. Proin lacus nunc, bibendum quis, blandit ut, sollicitudin id, orci. Sed risus nisl, tempor et, semper sed, pretium sit amet, felis. Duis congue nibh non diam. Donec imperdiet. Nullam ac nulla ut augue dignissim blandit.

Vestibulum semper, mi id elementum tincidunt, lorem pede scelerisque lectus, id ornare diam tortor eu arcu. Maecenas ultrices nisl nec diam. Proin est urna, condimentum at, bibendum dignissim, consequat id, odio. Proin tempor aliquam justo. Etiam mi mauris, aliquet sit amet, nonummy non, eleifend sit amet, magna. Aliquam erat volutpat. Aenean ligula felis, euismod rutrum, bibendum a, luctus ut, dolor. Nulla facilisi. Maecenas tellus augue, scelerisque et, tincidunt at, tempus elementum, nulla. Vivamus id ipsum. Phasellus nunc nulla, placerat eu, faucibus sit amet, accumsan a, magna. Donec justo leo, tempus at, scelerisque eget, auctor sit amet, urna. Nulla aliquet nisl vitae enim. Nulla facilisi. Integer sed nunc.

Integer ultricies sollicitudin dolor. Donec laoreet. Integer sit amet leo sed odio elementum rutrum. Vestibulum imperdiet odio vel dui. Nunc imperdiet condimentum ipsum. Donec justo mi, tempus sed, aliquam eget, bibendum quis, risus. Nullam tincidunt ultrices mauris. Donec ligula. Nullam dolor quam, venenatis id, fermentum sed, ultrices at, sapien. Phasellus auctor nibh. Etiam tincidunt. In tincidunt augue vitae lectus. Quisque turpis arcu, imperdiet sit amet, tempus ac, porta at, ipsum. Phasellus pharetra posuere justo. Maecenas lobortis. Sed ullamcorper. Mauris felis. Etiam vel nunc. Aliquam et urna.

Sed aliquet eros eget urna. Mauris quis ante a mi fringilla imperdiet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris fermentum. Fusce et nunc. Aliquam quam. Nullam faucibus, ligula eu suscipit tincidunt, urna est pretium est, et aliquet tellus tortor ut nibh. Donec et magna ut lorem ultricies convallis. Suspendisse at lacus. Curabitur id augue. Aliquam posuere massa a arcu. Nulla suscipit massa vel elit. Sed facilisis, dui vel tincidunt commodo, arcu sem tincidunt dolor, ut tincidunt metus mauris mollis mi. Cras volutpat, tellus a volutpat dignissim, risus justo pulvinar nunc, accumsan iaculis velit dui eget felis. Cras accumsan pede ac lectus. Maecenas non nisl vel massa fermentum cursus. Donec feugiat, purus nec rutrum gravida, ante mauris pulvinar ligula, eu eleifend felis metus vel erat. Praesent pulvinar ipsum vel diam. Pellentesque eget magna vel leo pulvinar tristique. Sed turpis lectus, malesuada quis, nonummy eget, accumsan nec, eros.

Aliquam consectetuer accumsan libero. Nam tincidunt est at urna vulputate mollis. Donec diam. Maecenas ligula. Proin volutpat lorem eu sapien commodo egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aenean dolor metus, varius sed, imperdiet vitae, aliquam non, augue. Vestibulum enim. Nullam ipsum metus, venenatis a, consectetuer mattis, rhoncus sed, eros. Praesent urna. Praesent eget dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Fusce justo nisi, porttitor vel, adipiscing varius, pretium sed, purus. Proin sagittis varius nisl. Ut nulla quam, tempor ut, semper in, malesuada eget, purus.

Nunc vel elit dictum tortor dictum aliquet. Nam nonummy elementum elit. Aenean mattis iaculis mi. Morbi faucibus sollicitudin erat. Nullam nibh velit, sodales quis, euismod vitae, malesuada ac, dui. In hac habitasse platea dictumst. Aliquam justo. Pellentesque ut tortor sit amet nisl pulvinar dignissim. Ut semper est et eros. Morbi aliquet tempor felis. Curabitur mollis. Curabitur laoreet, urna sed ullamcorper venenatis, felis sapien tempus enim, scelerisque volutpat augue nunc ut dui. Curabitur varius nisi sed felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam orci felis, facilisis et, nonummy in, rhoncus ac, magna. Sed mollis tortor a enim imperdiet fermentum. Aenean eu quam.

Sed magna orci, pharetra ac, volutpat a, malesuada a, orci. In rhoncus, dui at pharetra fermentum, elit sem placerat urna, ut sodales nisl tortor sed mauris. Aenean sapien metus, malesuada eget, volutpat ac, elementum et, est. Proin velit est, dictum non, faucibus sed, ullamcorper cursus, elit. Vestibulum nisl orci, porttitor ultrices, euismod egestas, convallis non, pede. Maecenas id lorem vel dolor mattis sagittis. Aliquam erat volutpat. Vivamus ultricies orci porta ligula bibendum tempor. Aliquam erat volutpat. Curabitur magna. Phasellus eu arcu et nibh iaculis bibendum. Phasellus pellentesque. Sed sodales sagittis sem. Nulla a tortor placerat ipsum aliquet tempor. Aenean gravida ullamcorper ante.

Donec ligula nisl, ullamcorper at, fringilla a, condimentum eu, libero. Ut eu odio ac erat vehicula nonummy. In magna tortor, lobortis ac, pretium quis, pharetra non, arcu. Etiam pede purus, ultricies a, congue non, fermentum semper, mi. Proin mollis lacinia urna. In ut enim in lacus luctus dictum. Aliquam erat volutpat. Vivamus facilisis iaculis orci. Vivamus porttitor ultrices leo. Sed facilisis orci a leo. Integer fringilla, dui quis mollis tincidunt, sapien sapien aliquam erat, vitae sagittis pede sapien eget augue. Proin mollis mollis felis. Praesent risus quam, tempus at, interdum ac, congue sed, arcu. Proin rhoncus felis et quam. Aliquam vehicula mi et est. Nunc porta. Duis tristique leo vitae nunc.

Maecenas nonummy, odio vitae bibendum consectetuer, ligula nisi tincidunt augue, in nonummy sapien nisi eget turpis. Mauris felis mauris, euismod ut, laoreet non, tristique sit amet, purus. Proin lobortis laoreet felis. Quisque lacus ante, dapibus nec, aliquet at, fringilla eget, magna. Donec a magna. Nam pede. Pellentesque fermentum lorem eu diam. Donec porttitor, felis et elementum vehicula, nulla lacus molestie elit, id bibendum erat tellus id sapien. Donec lorem. Etiam vel purus. Mauris fringilla, eros a vehicula cursus, mi arcu egestas mauris, eu sagittis lectus nisl nec orci. Nullam vel enim ut velit vestibulum venenatis. Sed pharetra augue sit amet enim. Sed hendrerit feugiat nulla. Curabitur arcu arcu, aliquam eu, volutpat sed, fermentum quis, nisi. Nulla tempor gravida erat. Etiam dictum. Etiam ullamcorper elementum turpis.

Verschwindende wrote:
  • CSS doesn't make pies

Apeon
Apeon's picture
Offline
newbie
Last seen: 13 years 3 weeks ago
Joined: 2007-11-03
Posts: 3
Points: 0

Wow!

After my initial blunder (no Doc type) I thought I'd be lucky to get a reply. Little did I know that you'd reply and, what's more, reply with such a great example of code (it works on FF 2.0.0.4 and IE 7.)

In all honesty, I wasn't expecting you to go to all that trouble, especially for a newbie. Occassionally, I give vb code (complete programs) to posters on forums and I can certainly appreciate that sometimes it can take a while to put them together, to get them just right, so that the poster gets the result they want. Therefore I appreciate your time and effort.

thepineapplehead, thank you very much.

I was having a very rough day today and your post has made it a LOT brighter.

Cheers.

:thumbsup:

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 36 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

You're more than welcome,

You're more than welcome, may it put you on the path to semantic and table-less designs in the future Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies