Products

Evoq Content Overview Content Creation Workflow Asset Management Mobile Responsive Personalization Content Analytics SEO Integrations Security Website PerformanceEvoq Engage Overview Community Management  Dashboard  Analytics  Member Profile Gamification Advocate Marketing Community Engagement  Ideas  Answers  Discussions  Groups  Wikis  Events Mobile ReadyDNN Support PackagesEvoq: CMS FeaturesEvoq OnDemandCompare DNN's CMS Products

Solutions

Content Management SystemMulti-Channel PublishingDigital MarketingOnline Community ManagementIntranet Software SolutionOur CustomersPrime

Resources

Test DrivesSchedule A DemoDocumentation CenterWebinarsWhite PapersProduct ManualsRequest PricingData SheetsCase StudiesEvoq Preferred Products Content Management Ecommerce Forms Identity Management and Authentication Site Management Social Themes

Partners

DNN Partners Partner Directory Become a DNN Partner Partner Program Overview  Hosting  Implementation  ISV  Training  Competencies

Community

Participate Ask a Question Forums Community Showcase DNN MVP  Program Overview  Lifetime MVPs  Honorary MVPs Subscribe to DNN Digest Advisory Groups  Awareness Advisory Group  Developer Advisory Group  Partner Advisory Group  Technology Advisory GroupLearn Documentation Wiki Community Blog Video Library Project History Development RoadmapDownload DNN Store Language Packs Manuals Nightly BuildsSecurity Policies Security Center

Blog

About

News Press Releases News Coverage Press KitCareersContact DNN

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, ...Problem with ContentPane widthProblem with ContentPane width
Previous
 
Next
New Post
5/16/2009 7:41 AM
 
Lunitari

Joined: 9/17/2008
Posts: 2

Hello,

I'm making a website for my self. I'm making a skin for the site with a combo of css and html. On my div for the contentpane I have an red border on the left and right side and the width of the div is 800 px with a padding from the left side which is 112px. The problem I'm having is that the border are gone and the contentpane starts as it should but it continues beyond the 800px. All the other div start as it should and stops at the right point. Even if I shrink my Contentpan to  50px it remains the same. Can someone tell me how to fix this problem because it's starting to get on my nerves?

 

 

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link href="CSS%20skin.css" rel="stylesheet" type="text/css" />
    <title></title>
</head>
<body>
    <div id="ContentPanel" runat="server"></div>
    <div id="ContentHolder">
    <div id="Header">    [LOGO]</div>
    <div id="Menu">    [NAV]</div>
    <div id="Breadcrumbs">
    <div id="Login">    [USER] | [LOGIN]&nbsp;&nbsp; </div>
           [BREADCRUMB]</div>
    <div id="ContentPane" runat="server"></div>
    <div id="Footer">
    <div id="Copyright">    Copyright 2009 by Expocare</div>
            [TERMS] | [PRIVACY]</div>
    </div>
</body>
</html>
 

CSS code:

#ContentHolder
{
    position: relative;
    left: 112px;
    top: 10px;
}

#Header
{
    width: 800px;
    height: 150px;
    border-left: solid 1px #E42425;
    border-right: solid 1px #E42425;
    border-top: solid 1px #E42425;
}

#Menu
{
    background-color: #E42425;
    width: 800px;
    height: 30px;
    border-left: solid 1px #E42425;
    border-right: solid 1px #E42425;
    /*text*/
}

#Breadcrumbs
{
    width: 800px;
    border-left: solid 1px #E42425;
    border-right: solid 1px #E42425;
    text-align: center;
    color: #E42425;
}

#Login
{
    float:right;
    color: #E42425;
    background-color: Transparent;
}

#ContentPane
{
    background-color: Transparent;
    width: 50px;
    height: 350px;
    border-left: solid 1px #E42425;
    border-right: solid 1px #E42425;
}

#Footer
{
    background-color: #E42425;
    width: 800px;
    height: 20px;
    /*text*/color: #FFFFFF;
    border-left: solid 1px #E42425;
    border-right: solid 1px #E42425;
    color: #FFFFFF;
}


#Copyright
{
    float:right;

}
.SkinObject
{
    color: #FFFFFF;
}

/*Links*/
#Breadcrumbs A
{
    color: #E42425;
}

#Login A
{
    color: #E42425;
}

#Footer A
{
    color: #FFFFFF; 
}

 
 
New Post
5/17/2009 7:18 AM
 
Timo Breumelhof


Timo Breumelhof's Avatar

www.40fingers.net
Joined: 2/9/2006
Posts: 4430

You should n ot use Pane Id's to style your skin. (remember you should add an Id to the pane, just don't use it in you CSS)

DNN changes the id "ContentPane" to "DNN_ContentPane", that's why your CSS does not work.

Using classes is better, just add a class "ContentPane" and use .ContentPane
 
New Post
5/17/2009 4:06 PM
 
Lunitari

Joined: 9/17/2008
Posts: 2

Thanks changed the id in the css to class and added that class to the div and it works. Didn't look for name changes :P. Thanks again
 
New Post
8/19/2009 8:02 PM
 
Pittsburgh Carl

Joined: 7/31/2009
Posts: 32

Timo Breumelhof wrote

You should n ot use Pane Id's to style your skin.

 

im having a problem getting the content pane to size as well... however when i use

[CODE]

<div id="ContentPane" runat="server"></div>
[/CODE]

to place the content pane in the HTML i get this (when i preview the skin):

"The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>)"

 

problem fixes itself when i change to:

[CODE]

<div class="ContentPane" runat="server"></div>
[/CODE]
 
New Post
8/20/2009 3:52 AM
 
Timo Breumelhof


Timo Breumelhof's Avatar

www.40fingers.net
Joined: 2/9/2006
Posts: 4430

I guess the editor stripped a part of your post.

You cannot include controls  or inline code inside a contenpane
 
 Page 1 of 2
12Next 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Problem with ContentPane widthProblem with ContentPane width


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