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, ...Positioning of DNN Footer - CSS problemPositioning of DNN Footer - CSS problem
Previous
 
Next
New Post
10/30/2006 2:18 AM
 
Eoghan O'Neill


www.cluas.com/
Joined: 6/7/2005
Posts: 135
I am in the process of developing a DNN portal. I have implemented a horizontal nav bar that uses the HouseMenu Skin object. My Skin has 5 panes and the left hand pane carries a Google Adsense Vertical 'sksyscraper' advertisement. My problem is this - if the length of content in the main content pane (i.e. middle pane) is longer the height of the left hand pane's vertical advertisment then the footer text runs 'behind' the text of the main content pane. For an example of this in action see this page (you may need to scroll down a bit to see the issue).

It appears to be a positioning issue and my knowledge of CSS positioning is okay but not sophisticated. I have tried to play with the various CSS files to correct this issue - but without success. The relevant CSS files are as follows:
Has anybody had a similar problem in the past and manage to solve it? Any ideas? Any would be appreciated,

Thanks,

Eoghano
 
New Post
10/30/2006 6:35 PM
 
Timo Breumelhof


Timo Breumelhof's Avatar

www.40fingers.net
Joined: 2/9/2006
Posts: 4430
I would do it like this:

<div id="leftpane" runat="server'>
    <div>Containing all the stuff on the left</div>
<div id="centerdiv">
    <div id="contentpane" runat="server'>
          <div>Content</div>
    </div>
    <div id="footerpane" runat="server'>
          <div>Footer</div>
    </div>

Then set the margin-left of the contentpane to 130px, and the margin-left of the footer to 0px.
You could also include the leftpane in the centerdiv so the footer will also appear at the bottom if the contenpane is quite empty.
Hope this helps.
 
New Post
10/31/2006 4:18 AM
 
Tim OBrien

www.obrienit.se
Joined: 3/31/2004
Posts: 147

Alternatively:

<div id="maincontent">
  <div id="leftpane" runat="server"></div>
  <div id="contentpane" runat="server"></div>
</div>
<div style="clear:both"></div>
<div id="footer" runat="server"></div>

The clear:both will set the footer below the content.

www.OBrienIT.se | Free DNN skins in valid xhtml
 
New Post
11/1/2006 2:52 AM
 
Eoghan O'Neill


www.cluas.com/
Joined: 6/7/2005
Posts: 135
Thanks for this advice. I have tried to implement it as closely as possible however unfortunately the problem still exists. Could this have something to do with the fact that my skin has 5 panes (horizontal nav bar, left pane, main pane, right pane and footer)? The index.html file in my Skin is structured as follows:

<div id="mainbody">
        <div id="content">
                <div id="contentpane" runat="server" visible="false"></div>
        </div>
        <div id="sidebar"> 
                <div id="leftpane" runat="server"></div>
        </div>
</div>
<div style="clear:both"></div><!-- added in as recommended above -->

<div id="sidebar">
        <div id="rightpane" runat="server" visible="false"></div>
</div>

<div id="footercontent">
    <div id="footerpane" runat="server" visible="false"></div>
</div>

After adding in the line with the 'clear:both' property the right hand pane now appears down the page just below the lower edge of the left pane content, and the footer text continues to appear below the main pane content. The issue can be seen on this page (just scroll down to see the footer text appearing behind the main pane's text).

Am I right to presume it is the 'extra' pane ('rightpane') that is causing the issue to continue? Any advice on how this can be corrected?

With thanks,

Eoghano
 
New Post
11/2/2006 7:50 PM
 
Timo Breumelhof


Timo Breumelhof's Avatar

www.40fingers.net
Joined: 2/9/2006
Posts: 4430
You should put the rightpane inside the mainbody div, and it should work...
 
 Page 1 of 1
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Positioning of DNN Footer - CSS problemPositioning of DNN Footer - CSS problem


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