CSS Content Pages

So when I use CSS divs for my content, I extend it to be 100% in height however when the page content is longer than the div the page doesn't scroll down, how do I fix this? And how can I make a div as long as the content but also fill in the whole length of the page?

 

No ideas? btw, I didn't notice there was a css sub-forum until now, can someone move it?

 

Its kind of hard to understand what you are talking about. Are you trying to make a part of your page have a scroll bar to cover your overflow content? Or are you trying to make your div container dynamic with the length of your content?

 

If you want your css content to scroll only when it reaches the max height then the CSS must have overflow:auto; in the css. However, if you mean you want the height of the div to adjust to the content text then remove the height attribute entirely.

 

Going on what KJB said, but just clearing it up, you'll want your code to look something like this:

This will give the DIV the full height of the window and make it so that the content is scrollable.

div {
     height: 100%;
     overflow: auto;
}

Code (markup):

If you want the DIV to not hide any of the content, remove the height attribute from the CSS and HTML code.

 

Hm... The page is still not scrollable though, and if I do that than the div itself is scrollable but for some reason won't scroll the entire content. *Even* if I remove the height attribute.

Just to clarify any contents in the div just runs off, it shows it, my browser just doesn't scroll to it.

 

that means you have a height attribute set at a fixed dimension...

A container <div> apparently has

so the overflow is overlapping therefore not scrollable.

check your css - I bet it is a simple oversight...

 

It is that way HOWEVER if I change it-it's still the same issue, I did notice it looks totally different in IE so I'm going to examine more.

 

can you provide a link to the page where you're experiencing the problem?

 

Fixed it, a few divs I was having issues with I just replaced with tables and everything looks and acts fine now, now idea but since it was having one problem in one browser and another in another browser I think it could have been very much browser related, hm... Either way, site looks fine now, and it's on my computer with Apache sooo it's not online at the moment