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, ...Lost Newb hereLost Newb here
Previous
 
Next
New Post
3/13/2006 7:24 PM
 
I'm having a problem getting the panes to be the correct width's. I've got a "header pane" for the page header, a "top pane" for the content header, "content pane", "right pane" for the menu, an "image pane" for an image the needs to show below the menu then a bottom pane and bottom right pane for color offsets along the bottom of the page. What I need is for the top pane, content pane and bottom pane to constantly be 800px while the right pane, image pane and bottom right panes are 224px. I've tried setting the width of each pane in the css to these numbers, but it almost seems to reverse the numbers on me making the menu take up most of the page, while the content pane is a thin little strip. Any idea where I'm going wrong?
 
New Post
3/13/2006 8:16 PM
 

You know - sometimes the widths do play tricks..

Firstly - remove ALL REFERENCES OF WIDTHS from the CSS and the panes.

Go to Host/settings and CLEAR CACHE

Then check the pages after - what you want to see is that it's not taking the sizes up again.

Then, check that you don't have anything in the td tags that is set to - visible="false" - what this does is collapses the empty panes to not show.

Then you can try to configure one thing at a time.

However,when I have these quirky things happen, or explicity want to have a pane a certain size, I will often put in a container that is hidden or showing,that is in fact the exact width.

One of the tricky things to consider when working with sizes is that if you've got 100% width here, 450px there, 220px somewhere else, with a visible=true and a visible=false displayed somewhere - can cause mayhem on your skin.. It's just going through the process of the hierarchy and something has gotten lost in translation.

I generally try to work with as little sizing within the panes as possible since if you have an image that pushes out the pane (customers do this to you sometimes) and then some text in there, a fixed width to the td tag will then force the text to finish in an odd place.. which is why we see this sometimes with modules too - some take up more room than others, yet no width makes the containers also sit funny.

So, my tip, and it's only my own based on my own experiences, so there may be more experts with the answers ok, but a bit of an explanation on why it occurs and the coding that might make it happen, could help you.

You could also add some spacer.gif images in to hold it in place too. I've seen that done quite a bit.

Hope this helps.

Nina Meiers

 


Nina Meiers My Little Website
If it's on DNN, I fix, build, deploy, support,skin, host, design, consult, implement, integrate and done since 2003.
Who am I? Just a city chic, having a crack at organic berry farming.. and creating awesome websites.
 
New Post
3/14/2006 5:03 PM
 

I got the widths working alright now, but I seem to be having an issue with height of my top pane now. It's supposed to be rather short 50 - 80 px or so, the right pane( the cell next to the top pane) contains the menu, which is the inventua side menu, so it changes heights depending on which page is being viewed. This causes the top pane to increase in height as well. Is the only way to stop this from happening to create an invisible cell to the right of the top pane, then hide it? Am I even correct that the right pane is whats causing the pane to get taller?

 
New Post
3/15/2006 1:12 PM
 
Finally got the heights working, had to scrap the original skin and start from scratch though. Now I'm wondering how I make it a fixed width. It needs to be at least 1024px wide but if the user is using a higher resolution I want the skin to center. How and where is this set?
 
New Post
3/15/2006 5:18 PM
 

Sometimes you need to start from scratch!! Drives me mad too..

You can set the width on the table itself, or set a class on the table, and set in the css and set the table to be centred.

Did you use the default skin as a basis to start with? It has a skin in which is aleady setup and centred.  That's why I often use the default skins to start with if I have an idea on what I'm going to be doing.

Nina Meiers


Nina Meiers My Little Website
If it's on DNN, I fix, build, deploy, support,skin, host, design, consult, implement, integrate and done since 2003.
Who am I? Just a city chic, having a crack at organic berry farming.. and creating awesome websites.
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Lost Newb hereLost Newb here


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