Small width layout Medium width layout Maximum width layout Small text Medium text Large text
     Search
Downloads Downloads Directory Directory Forums Forums Forge Forge Blogs Blogs        Marketplace Marketplace Careers Program Careers
Community › Forums Register  |  

PortalWebHosting
  Ads  
Engage Software - Training Partner for DotNetNuke
 


  Sponsors  

Meet Our Sponsors

Webhost4life, specialists in DNN hosting
Mad Development is a full service interactive agency focusing on the merge of design, technology, e-commerce, and affiliate marketing by providing total website solutions.
AspDotNetStoreFront - E-Commerce by Design - The Leading ASP.NET shopping cart platform for developers!
SteadyRain
DataSprings - Great Ideas. Always Flowing.
R2integrated - formerly bi4ce
 


DotNetNuke Forums
 
  Forum  General DotNetN...  Make it Hot! ( ...  Help with content layout
Previous Previous
 
Next Next
New Post 5/12/2008 5:03 AM
User is offline Rhys
51 posts
10th Ranked


Re: Help with content layout 

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 5:18 AM
User is offline duchoangle
450 posts
vn.pijaja.com
8th Ranked


Re: Help with content layout 

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


Pijaja.Com - Innovative Site Builder

Sirius - Free skin for Dotnetnuke

 
New Post 5/12/2008 5:37 AM
User is offline Rhys
51 posts
10th Ranked


Re: Help with content layout 

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 8:28 AM
User is offline duchoangle
450 posts
vn.pijaja.com
8th Ranked


Re: Help with content layout 

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


Pijaja.Com - Innovative Site Builder

Sirius - Free skin for Dotnetnuke

 
Previous Previous
 
Next Next
  Forum  General DotNetN...  Make it Hot! ( ...  Help with content layout
 


Forum Policy

These Discussion Forums are dedicated to the discussion of the DotNetNuke Web Application Framework.

For the benefit of the community and to protect the integrity of the project, 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 DotNetNuke.
2. Discussion or promotion of DotNetNuke product releases under a different brand name are strictly prohibited.
3. No Flaming or Trolling.
4. No Profanity, Racism, or Prejudice.
5. Site Moderators have the final word on approving/removing a thread or post or comment.
6. English language posting only, please.

 


Hosting for DotNetNuke
SiteGround.com is the best place to host your DotNetNuke website! Expert DotNetNuke support, reliable servers, low price!
www.SiteGround.com
Code Endeavors, LLC
Do you Endeavor to Enhance your DotNetNuke designs by utilizing AJAX technologies to more efficient interactive web experiences
www.codeendeavors.com
T-WORX, INC.
Professional DotNetNuke Solutions
www.t-worx.com

DotNetNuke Corporation   Terms Of Use  Privacy Statement
DotNetNuke®, DNN®, and the DotNetNuke logo are trademarks of DotNetNuke Corporation
Hosted by MaximumASP