Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...100% Body Height?100% Body Height?
Previous
 
Next
New Post
4/30/2009 12:57 AM
 

So I've been playing with my first DNN site, and right now I have this: http://www.windfirm.ca/Employees/tabid/67/Default.aspx

Now if you minimize all of the sections, or have a non widescreen monitor, you should see my problem.  The background minimizes along with it.  Now this is fine, but I'd like it to only shrink to the page size and stop there.  I've tried all I know from my limited CSS knowledge, all the Body tags have 100% height setting, along with everything below it.

Any ideas are appreciated!

Thanks, Mike

 
New Post
4/30/2009 4:43 AM
 

First of all I would get rid of the minimizing buttons on all your containers.  In my opinion they are pretty useless and add clutter.

I don't think you want to use height:100%.  If the content in your contentpane is longer than 100%, you are going to end up with double scrollbars.  Just set background-position:bottom on your background image for your content_width div .  You have a nice gradient at the top so you can just have a background color of #FBFBFA (that off-white color) for any extra height.

.content_width { background: #FBFBFA url(images/bodyBack.png) no-repeat bottom left; }

I would also get rid of all those extra div such as .right_bg.  They are all just creating a sold border around your content_width right? Why not just add a border css style to your .content_width div instead?  That way you can get rid of all the annoying height:100% styles.

Hope this helps.

 

 

 
New Post
4/30/2009 6:09 AM
 

form{height:100%} should help.

 

 
New Post
4/30/2009 10:21 AM
 

Thanks for the replies:

I tried the form height thing, it definitely moved me along the right track somewhat, but I could never get it to do exactly what I needed so it was removed recently again.

Jastos:

Ya the minimizing buttons did seem to get in the way, I'll probably remove them once I figure out how to get this to work.

Thanks for the tip on the left/right bg's, they ended up like that when I was rushing to get it ready and couldn't figure out the CSS to deal with it:)  They're good now.

So my last thing is the minimum height feature, if you check the page I linked earlier you'll see that it now shows a min-height:500px, so when you close all of the minimize tabs the page will shrink to 500 px.  Is there any way to set the min-height to always be the same height as the Body?

Thanks again for any help,

Michael

 
New Post
4/30/2009 3:15 PM
 

What does it do if you set all of content_width container items to height:100% and then set min-height:100%?  I guess you would have to subtract out the % used for the header also. Keep in mind min-height doesn't work in IE6.

I prefer just making sure I have enough content so that it will fill most resolutions.  I hate dealing with all the extra variables that the height values add in.  Hopefully someone else can help you better than I on the subject.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...100% Body Height?100% Body Height?


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out