Small width layout Medium width layout Maximum width layout Small text Medium text Large text
     Search
Downloads Downloads Directory Directory Forums Forums Forge Forge Blogs Blogs        Marketplace Marketplace Careers Program Careers
Community › Forums Register  |  

Maximum ASP
  Need Help?  
Professional technical support for DotNetNuke is available from DotNetNuke Corporation.
 


  Ads  
Active Modules -- Active Forums for DotNetNuke
 


  Sponsors  

Meet Our Sponsors

MadCap Software, Inc.
AspDotNetStoreFront - E-Commerce by Design - The Leading ASP.NET shopping cart platform for developers!
Click here to go to dev.live.com for Windows Live developer resources
SteadyRain
DataSprings - Great Ideas. Always Flowing.
R2integrated - formerly bi4ce
 


DotNetNuke Forums
 
  Forum  General DotNetN...  Make it Hot! ( ...  How can I make the content container a fixed size?
Previous Previous
 
Next Next
New Post 3/26/2008 2:53 PM
Unresolved
User is offline SiliconSlick
3 posts
10th Ranked


How can I make the content container a fixed size? 

Hello all,

      I am new to dnn 4.0 but have been trying to learn as much as I can! If I could find a few answers to these problems it would be very much appreciated! I was wondering if I am only using one content pane as the main center piece of the pages that make up the site, how can I make the size of the container a "fixed" size and not scale? Basically when you put content into a container that is larger than the normal screen viewing size, the user would have to scroll down to view the lower content due to the container "auto scaling" to a larger size, which in turn results in the navigaion menu bar not being viewable without scrolling back up to the top of the page. The client wants to have the nav. menu visable at all times or somehow be able to scroll with dynamic position when the user scrolls down to view the lower content (i.e. floating dhtml/javascript style menus) I am a newbie to this and any infomation would be greatly appreciated! Thank you!    -=SiliconSlick=-

 
New Post 3/27/2008 6:20 AM
User is offline Lynn
325 posts
www.drivewaydesign.eu www.a2zdom.com
8th Ranked


Re: How can I make the content container a fixed size? 

Hello SiliconSlick

You might try using css and setting a specific height and width of the content pane and add and overflow auto element e.g.:

#mainContent {height: 500px; width: 500px; overflow: auto; }

That way if the content is more than the defined size a scroll bar will be displayed to suit the exact height and width.

Lynn


www.drivewaydesign.eu
 
New Post 3/28/2008 9:56 AM
User is offline SiliconSlick
3 posts
10th Ranked


Re: How can I make the content container a fixed size? 

Thanks Lynn!

      Thank you for your response but as I mentioned previously that I am a noobie with dnn 4.0.  I am not quite shure where to insert the code that you have provided in your reply.  Which file should I insert it into and where? Should I edit skin.css or another file and how can I get the css code to propogate to every content container in the site? Thanks again for your help.  I am really looking forward to getting past this small hurdle. -=SiliconSlick=-

 
New Post 3/30/2008 3:16 AM
User is offline Lynn
325 posts
www.drivewaydesign.eu www.a2zdom.com
8th Ranked


Re: How can I make the content container a fixed size? 

Hello SiliconSlick

In your skin.css file add this css style, you can name it whatever you like and change the height and width properties to suit.

#mainContent {height: 500px; width: 500px; overflow: auto; }

 

In the folder containing your skin files you will see a Blue.ascx, MySitePage.html or MySitePage.ascx  or whatever the name of the skin that you intend to use.

Open the MySkin.ascx file with Dreamweaver, notepad or any similar editing and you should see:

<div id="contentpane" runat="server" visible="false" ></div>

Add the css ID to the around the main content pane:

<div id="mainContent"> 

<div id="contentpane" runat="server" visible="false" ></div>

<div>

You will need to do this on each of the skin files in your folder.

 

Alternatively you can style the  ID of the content pane directly and you will not need to add the surrounding DIV tags, as this will effect all your skin files. In your skin.css file add this:

#dnn_contentpane {height: 500px; width: 500px; overflow: auto; }


I hope that is a bit clearer.  If you want to learn more about skinning the link below has some very good tutorials:

www.dnncreative.com

Lynn

 

 


www.drivewaydesign.eu
 
Previous Previous
 
Next Next
  Forum  General DotNetN...  Make it Hot! ( ...  How can I make the content container a fixed size?
 


Forum Policy

These Discussion Forums are dedicated to the discussion of the DotNetNuke Web Application Framework.

For the benefit of the community and to protect the integrity of the project, 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 DotNetNuke.
2. Discussion or promotion of DotNetNuke product releases under a different brand name are strictly prohibited.
3. No Flaming or Trolling.
4. No Profanity, Racism, or Prejudice.
5. Site Moderators have the final word on approving/removing a thread or post or comment.
6. English language posting only, please.

 


AfterImage Internet Consulting and SEO Services
AfterImage provides search engine optimization (SEO), Internet consulting and hosting services for the Windows platform (IIS, ASP, SQL Server).
www.afterimage.nl/
Willhite & Sharron Realtors
Exemplary service for your Seattle Real Estate needs. It's what you deserve from your Realtor®!
www.alkihomes.com
Swanzey Internet Group LLC
DotNetNuke design, development, hosting, maintenance, and training. Translation of conventional (non-DNN) sites welcomed. Cleanup of existing DNN sites welcomed.
www.swanzey.com

DotNetNuke Corporation   Terms Of Use  Privacy Statement
DotNetNuke®, DNN®, and the DotNetNuke logo are trademarks of DotNetNuke Corporation
Hosted by MaximumASP