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, ...Tables, Containers, and Panes, oh my...Tables, Containers, and Panes, oh my...
Previous
 
Next
New Post
8/13/2010 5:34 PM
 
Wells Doty


Joined: 4/18/2006
Posts: 559
I don't want to spark a Tables vs. CSS debate...This project was done with a lower budget and a very short timetable, and I am developing a better CSS solution but this is what's live right now...

http://www.tctcbookstore.com/Textbooks/PurchaseTextbooks.aspx

I'm having a bit of a time getting this table-based design to behave right and it's boggling my mind... Simply, I have a table that defines the following panes:
  • TopPane
  • LeftPane
  • ContentPane
  • RightPane
  • BottomPane
Within each pane, I have table-based containers (I haven't found/developed a reliable CSS-based solution for fluid rounded corners that displays proper in older browsers but I'm open for suggestions).

So here's the problem, visit the URL above using IE8... now flip it into compatibility mode... The problem is that I can't get the side pane containers to stick at 100% width. I could hack in a "spacer" into the Text/HTML module, but they are editing this also and I'd like to keep it as 'out of their way' as possible so I'm not having to fix and re-fix the layout.

The pane TD's are set in the ASCX using width="XXXpx" attributes, and the container tables are using the width="100%" attribute as well.

I've also tried some min- and max- width settings to no avail...

Thoughts?

Thanks!
Wells Doty Jr
Online Content Development
 
New Post
8/14/2010 6:09 PM
 
Will Strohl


Will Strohl's Avatar

Will Strohl's Avatar

Will Strohl's Avatar

Will Strohl's Avatar

Will Strohl's Avatar

Will Strohl's Avatar

https://upendoventures.com
Joined: 3/1/2005
Posts: 2884
100% width can only be used reliably if the parent elements have an explicit width assigned.  That being said, if that's not an option, people word around this in a number of ways.  For example, adding a little jQuery to the skin.  (This is an accessible workaround, but it works.)
Will Strohl

Upendo Ventures Upendo Ventures
DNN experts since 2003
Official provider of the Hotcakes Commerce Cloud and SLA support
 
New Post
8/16/2010 2:39 PM
 
Wells Doty


Joined: 4/18/2006
Posts: 559
Yeah, that's what I thought I was running into (similar to the height="100%" attribute). However, I'll have to re-check as I thought I had the parent items assigned a width. Otherwise, I'll look into the jQuery fix and see if that is work-able for this project.

Thanks!
Wells Doty Jr
Online Content Development
 
New Post
8/21/2010 5:10 AM
 
Timo Breumelhof


Timo Breumelhof's Avatar

www.40fingers.net
Joined: 2/9/2006
Posts: 4430
About these tables... (just kidding ;-)

The width of the container is the width set for the wrapping TD (200)

Setting the RightPane to 250px or setting PG-Container to a width of 250px would help I think.

I think if you define a width for the center column it would work too.. (make sure the total width of the columns adds up to the width of the table)
 
 Page 1 of 1
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Tables, Containers, and Panes, oh my...Tables, Containers, and Panes, oh my...


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