Hi, I'm working on a site for a school, and I just realized I cant get the site to scroll down when there is too much content. I tried using the overflow: scroll (and tested the auto as well), but when I put it in it doesnt seem to work. Any ideas? I think it might have something to do with the fixed positioning, but it was the only way i could get things to work together, the school had a very specific design they wanted.
it would be more helpful to have your code as well as the live site, I can't be bothered doing an investigation just to find the correct style sheets for all of your id and classes.
i sincerely apologize for not including the following code in my original post. i do appreciate your responses. i've put a link to the stylesheet here:
I am assuming you assigned a length property to the content area? have you tried taking that out?
i dont have a height in the content area, but i did test it and put a large number in (like 2500px) to see what it would do, and there was no change, so I'm guessing it's being ignored because something at a higher level is set to take over.
I have just been through it with firebug and if I remove position: fixed from #wrap and #content in both(?!) stylesheets then the everything below the header will scroll although the header remains fixed.
Use floats or relative and absolute positioning but not fixed.
thank you SO much for your help. i used fixed positioning because i thought it was the best/easiest way to handle their demands on the site, but i realized that was very wrong. i removed all fixed positioning from the site, and that totally fixed the scrolling issue. i now only have one small issue with the navigation but im sure that will be an easy fix.
http://calculatedscene.com/lhs1/?page_id=16
I'd REALLY appreciate any help!
even firebug can't find it all
http://www.calculatedscene.com/lhsstylesheet.css
i dont have a height in the content area, but i did test it and put a large number in (like 2500px) to see what it would do, and there was no change, so I'm guessing it's being ignored because something at a higher level is set to take over.
I have just been through it with firebug and if I remove position: fixed from #wrap and #content in both(?!) stylesheets then the everything below the header will scroll although the header remains fixed.
Use floats or relative and absolute positioning but not fixed.
thank you SO much for your help. i used fixed positioning because i thought it was the best/easiest way to handle their demands on the site, but i realized that was very wrong. i removed all fixed positioning from the site, and that totally fixed the scrolling issue. i now only have one small issue with the navigation but im sure that will be an easy fix.
thank you again very much!
You might find this article helpful http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/.
best, j