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, ...Help with content layoutHelp with content layout
Previous
 
Next
New Post
5/12/2008 7:03 AM
 

I'm not too sure what you're after. A table's width can be set to maximum as you have already done with width=100%, but the height of the overall table and the rows within it will be dictated by the content of the table cells. In web pages height in general is much harder to control than width, particularly with table based layouts.

The page at http://en.pijaja.com/Default.aspx?alias=en.pijaja.com/test-pijaja looks OK to me - can you explain a bit more what you're trying to achieve.

Regards, Rhys


www.rmjcs.com - Mostly SQL Server Stuff
 
New Post
5/12/2008 7:18 AM
 

Thanks for replying.

Well, these pictures'll explain what I'm trying to do:

Current look:

Desired look:

What does not seem right is the height of the upper row. Can I make it shorter?

Regards,

Duc

 
New Post
5/12/2008 7:37 AM
 

A picture is worth a thousand words . I now understand what you are trying to do, but I think my ability to help may have run out .

What you are seeing is the table being laid out 'properly' - this is how a table should appear. What you want goes beyond what tables were intended for. It's a long shot, and bound to have problems cross-browser, but you could try style="height=100%;" on the MiddlePane TD. Assuming this doesn't work, you'll have to move into nested tables, something like this;

<table border="0" bgcolor="green" cellpadding="0" cellspacing="0" style="width: 100%;">
   <tr>
      <td id="TopPane" class="toppane" colspan="2">Top Pane</td>
   </tr>
   <tr>
      <td valign="top" id="LeftPane" class="leftpane">Left Pane<br>
      Left Pane<br>
      Left Pane<br>
      Left Pane<br>
      Left Pane<br>
      Left Pane<br>
      Left Pane<br>
      </td>
      <td valign="top">
      <div id="ContentPane" class="contentpane">
         Content Pane</div>
      <table border="0" bgcolor="red" cellpadding="0" cellspacing="0" style="width: 100%;">
         <tr>
            <td valign="top" id="MiddlePane" class="middlepane">Middle Pane<br>
            Middle Pane<br>
            Middle Pane<br>
            </td>
            <td valign="top" id="RightPane" class="rightpane">Right Pane<br>
            Right Pane</td>
         </tr>
      </table>
      </td>
   </tr>
   <tr>
      <td id="BottomPane" class="bottompane" colspan="2">Bottom Pane</td>
   </tr>
</table>

Nested tables is widely regarded as being a bad way to do things these days. If you can't get what you want working I would consider looking at XHTML + CSS layouts. It's harder to get started, but once you have a good layout debugged and working it's much easier to maintain and is more likely to produce consistent results cross browser.

Regards, Rhys


www.rmjcs.com - Mostly SQL Server Stuff
 
New Post
5/12/2008 10:28 AM
 

Ok,

I'm really surprised. I just switched back to my old skin and hey, it works!

I just add a module to every pane, to make sure nothing collapses and the layout seems to display fine. I'll investigate more but this is a good sign.

I really appreciate your help, Rhys. Thanks.

Duc

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Help with content layoutHelp with content layout


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