I have been wondering for a while now how the page content it self get's expanded once for example you open een list or a new reply has been added, the page itself expands.
How is this been done? Do they have some code working there telling if blabla expands out of content, increase content?
Please clear up mine mind.
Thanks in advance.
Page 1 of 1
expanding page
#2
Posted 12 January 2012 - 08:30 PM
If possible, code all elements without height and then each will expand as necessary and push following elements down.
If you have to fix heights, you can add overflow: scroll or overflow: auto to the div with a height and it will create a vertical scrollbar if content is too much.
If you have to fix heights, you can add overflow: scroll or overflow: auto to the div with a height and it will create a vertical scrollbar if content is too much.
#3
Posted 12 January 2012 - 10:35 PM
Basically if there's no more space in the width, the content just continues to move down.
#4
Posted 14 January 2012 - 09:43 PM
Hey guys, I got it to work but now I'm stuck at some other thing.
When I add extra-extra lines, the content it self is expanding but when I remove some lines the content wont de-exspand back.
How do I fix this?
The code;
#backgroundcontent{
background-image:url('../images/backgroundcontent.png');
background-repeat:repeat-y;
width:884px;
height:464px;
color:white;
margin-top:-18px;
}
When I add extra-extra lines, the content it self is expanding but when I remove some lines the content wont de-exspand back.
How do I fix this?
The code;
#backgroundcontent{
background-image:url('../images/backgroundcontent.png');
background-repeat:repeat-y;
width:884px;
height:464px;
color:white;
margin-top:-18px;
}
#5
Posted 14 January 2012 - 09:53 PM
Maybe the fixed height you gave?
Generally if your page is going to fill the screen you won't need to give it a fixed height.
Generally if your page is going to fill the screen you won't need to give it a fixed height.
- ← trying to get ajax to work but giving a incorrect repsonse
- CSS, XHTML/HTML & JavaScript
- setTImeout function not working in firefox →
Share this topic:
Page 1 of 1
Help

















