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, ...I dont want the horizontal scrollI dont want the horizontal scroll
Previous
 
Next
New Post
7/6/2007 4:26 PM
 

Hi guys,

I want to make my website suitable for 800x600 resolution which is the worst case.

I need that all the modules fit exactly in the screen because the horizontal scroll is annoying.

Can someone tell me how exactly do this ? I am using the DNN BLUE horizontal Full width but the header doesn´t scale welll.

.

 
New Post
7/7/2007 8:28 PM
 

Hi, i m trying it too. I set explicitly with in the table of skin... and possible did it, but also you must do it for conainers and have the lucky that any module you use is not larger than the container... so if you have an events module for example on a container of 210px width there is no way the container can contain it, so it will be expanded... and so all your skin.

I have no idea how to solve this... i rather start to think that the minimal resolution is 1024... here is a sample of my skin: www.pentac.com.ar (fighting with this) and here is the code of the skin:

Any SKIN MASTER help would be appreciated !!!!!!!!!!!!!!!!

<HTML>
<HEAD>
<LINK ID="skin" REL="stylesheet" TYPE="text/css" HREF="skin.css" />
</HEAD>
<BODY>
<TABLE class="pagemaster" border="0" cellspacing="0" cellpadding="0">
<TR>

<TD valign="top" align="center">

<table width="812 px" cellpadding="0" cellspacing="0">
<tr>
<td background="sombraizquierda.gif" width="20 px"><img src="spacer.gif" height="1" width="20px"></td>
<td>

<TABLE class="skinmaster" width="780 px" border="0" align="center" cellspacing="0" cellpadding="0">
<TR>
<TD id="ControlPanel" runat="server" class="contentpane" valign="top" align="center"></TD>
</TR>
<TR>

<TD valign="top">
<TABLE class="skinheader" cellSpacing="0" cellPadding="0" width="100%" border="0">
  <TR>
    <TD align="left" vAlign="top">
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="780 px" height="95 px">
  <param name="movie" value="header.swf">
  <param name="quality" value="high">
  <embed src="header.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" </embed>
</object></TD>
  </TR>
</TABLE>
<TABLE class="skingradient" cellSpacing="0" cellPadding="0" width="100%" border="0">
  <TR>
    <TD width="100%" vAlign="middle" align="left" nowrap>[NAV]</TD>
    <TD vAlign="middle" align="right" nowrap><font color="#FFFFFF">[LOGIN]</font></TD>
  </TR>
</TABLE>
<TABLE cellSpacing="0" cellPadding="" width="100%" border="0">
  <TR>
    <TD vAlign="top" align="left" nowrap><img src="spacer.gif" height="1" width="560px"></TD>
    <TD vAlign="top" align="left"><img src="spacer.gif" height="1" width="1 px"></TD>
    <TD vAlign="top" align="right" nowrap><img src="spacer.gif" height="1" width="216px"></TD>
  </TR>
</TABLE>
</TD>
</TR>
<TR>
<TD valign="top" height="100%">
<TABLE cellspacing="0" cellpadding="0" width="780 px" border="0">
  <TR>
    <TD class="toppane" colspan="3" id="TopPane" runat="server" valign="top" align="center"></TD>
  </TR>
  <TR valign="top">
    <TD class="leftpane" id="LeftPane" runat="server" valign="top" align="center"></TD>
    <TD class="contentpane" id="ContentPane" runat="server" valign="top" align="center"></TD>
    <TD class="rightpane" id="RightPane" runat="server" valign="top" align="center"></TD>
  </TR>
  <TR>
    <TD class="bottompane" colspan="3" id="BottomPane" runat="server" valign="top" align="right"></TD>
  </TR>

  <TR>
    <TD class="fondoabajo" colspan="3" valign="top" align="right"><img src="spacer.gif" height="29px" width="1px"></TD>
  </TR>
  <TR>
    <TD class="fondoabajo2" colspan="3" valign="top"  align="center">[INVTOPMENU]</TD>
  </TR>
  <TR>
    <TD class="fondoabajo2" colspan="3" valign="top"  align="left" width="100%">
  <table cellpadding="0" cellspacing="0" width="100%">
   <tr>
    <td width="41%" align="left" valign="middle" class="fondoabajo2">&nbsp;Copyright 2007 - Todos los Derechos Reservados</td>
    <td width="21%" align="center" valign="middle" class="fondoabajo2">+54 11 4328 6898</td>
    <td width="38%" align="right" valign="middle" class="fondoabajo2">Av. Pte. Roque Saenz Peña 740 Piso 8° B &nbsp;</td>
   </tr>
  </table>
 
 </TD>
  </TR> 

  <!--
  <TR valign="top">
    <TD valign="top" align="center"></TD>
    <TD valign="top" align="center"></TD>
    <TD valign="top" align="center"><img src="spacer.gif" height="1" width="150"></TD>
  </TR>
  -->
</TABLE>
</TD>
</TR>
<TR>
<TD valign="top">
</TD>
</TR>
</TABLE>

</td>
<td background="sombraderecha.gif" width="20 px"><img src="spacer.gif" height="1" width="20px"></td>
</tr>
</table>

 

</BODY>
</HTML>

 
New Post
3/16/2008 1:21 PM
 

It's probably not the answer you are looking for, but my experience is that table-less skins and containers are far more flexible when it comes to containing modules of different sizes.  I've been doing this in my free time for a couple months, and I figured it all out pretty easily by downloading dnncreative's red leaf skin (it's free).  I took a couple days to dissect it, and then I built my own CSS skin based on that template.  Also, there are a number of html templates on the internet that can be converted to table-less skins without too much work.  Plus, it's worth the time to learn it all. 

That being said, if you nest a table inside your content areas, and you set the width of everything to 100%, the cells flex pretty well horizontally adjust for content.  Just make sure that your inside-most tables are all only one row high.  Otherwise the columns will have to be the same width. 

 
New Post
3/17/2008 10:44 AM
 

How much of a scroll bar is being created, if your seeing a really short scroll bar, like the right 10 pixels or so is being cut off? If so its cause internet explore doesn't count margins and padding for its width parameters, so the full width of 100% really ends up being 100% + any borders / padding.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...I dont want the horizontal scrollI dont want the horizontal scroll


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