Web Design Forum: expanding page - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

expanding page

#1 User is offline   kensha 

  • Expert
  • PipPipPipPip
  • Group: Members
  • Posts: 870
  • Joined: 12-August 10
  • Reputation: 17
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Web Developer

Posted 12 January 2012 - 07:54 PM

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.
0

#2 User is offline   Wickham 

  • Web Guru
  • View gallery
  • Group: Moderators
  • Posts: 2,876
  • Joined: 11-June 09
  • Reputation: 257
  • Gender:Male
  • Location:Salisbury UK
  • Experience:Intermediate
  • Area of Expertise:Web Developer

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.
0

#3 User is offline   Samus 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 367
  • Joined: 05-August 11
  • Reputation: 27
  • Gender:Male
  • Location:Hackney, London, UK
  • Experience:Intermediate
  • Area of Expertise:Web Developer

Posted 12 January 2012 - 10:35 PM

Basically if there's no more space in the width, the content just continues to move down.
0

#4 User is offline   kensha 

  • Expert
  • PipPipPipPip
  • Group: Members
  • Posts: 870
  • Joined: 12-August 10
  • Reputation: 17
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Web Developer

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;
}
0

#5 User is offline   Samus 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 367
  • Joined: 05-August 11
  • Reputation: 27
  • Gender:Male
  • Location:Hackney, London, UK
  • Experience:Intermediate
  • Area of Expertise:Web Developer

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.
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users