I tweaked your Red Leaf Skin into a skin for my site. It woks great except when the screen contents are wide the menu jumps down to the bottom of the page. Is there a way to nail them in place?

/DaveS

Hi Dave,

Do you have aURL to show an example of what you mean?

thanks,

http://sampleafh.com/ is your unmodified skin. www.AgingSafely.com is the it modified, but the same div's
The proples really show up if you are using the Forum module, which really likes to eat up the width. I currently have the forum on pritave pages.

/DaveS

Hi Dave,

It's the min width that you need to look at. - You need to compromise with either the width of the menu of the width of the content.

For instance, these settings shrink the size of the menu which no longer causes the width problem.

#content
{
    min-width: 500px;
    float: right;
    width: 81%; /* padding: 0 0 0 10px; */
}

#sidebar
{   
min-width: 100px;
    float: left;
    width: 15%;
}

I have played with tweaking those vales before, but with little real effect. I have them now loaded in the skin at www.agingsafely.com and have make the forum accessable. if you go to http://www.agingsafely.com/Forums/t...fault.aspx you will see that the menu is always below the forum. Yuk

/DaveS

I think there is an error in your html code:

If you enter this:

#content
{
    min-width: 500px;
    float: right;
    width: 81%; /* padding: 0 0 0 10px; */
border: 5px solid orange;
}

You will see that the border surrounds the menu when they both should be separate.

If you look in your page source you will see three open divs

<div id="content"><div id="dnn_ContentPane"><a name="690"></a><span id="dnn_ctr690_ContentPane" align="left"><!-- Start_Module_690 --><div id="dnn_ctr690_ModuleContent">

Later on there are only 2 closing divs:

<!-- End_Module_690 -->
	</table></span>
</div>
</div>
<div id="sidebar">
   <div id="dnn_leftpane"> 
If you add an extra div in here:

<!-- End_Module_690 -->
	</table></span>
</div>
</div>
</div>
<div id="sidebar">
     <div id="dnn_leftpane">
  

The menu will now float back to the left side and you will then be able to set the correct widths

I believe that I now have the divs the same as in you Red Leaf Skin and still have the same problem as it seems to. Where do you think that the div's are needed?

<div id="wrap">
    <div id="ControlPanel" ></div>
    <div id="tagline" class="tagline" visible="false" runat="server"></div>
    <div id="loginlinks">[USER]&nbsp;&nbsp;[LOGIN]</div>
    <div id="logo">
       <table cellspacing="2" cellpadding="2" border="on" >
         <tr>
          <td width="94px" ><img src="AS-leftflag.gif" width="94" height="92" alt="" /> </td>
            <td >
             <h1>Aging Safely, Inc.</h1>
                <h2>Adult Family Home Placement Services</h2>
            </td>
            <td width="94px"> <img src="AS-rightflag.gif" width="94" height="92" alt=""/></td>
         </tr>
       </table>
       <br/>
     </div> <!-- end logo -->
    <div id="content"><div id="ContentPane" runat="server" visible="false"></div> </div>
 <div id="sidebar"><div id="leftpane" runat="server">[HOUSEMENU]</div></div>
 <div id="date">   <p>[CURRENTDATE]</p> </div>
 <div id="footer"> <p>[COPYRIGHT]&nbsp;&nbsp;[TERMS]&nbsp;&nbsp;[PRIVACY]</p> </div>
</div> <!-- end #wrap -->

 

yes the code here is correct. I wonder if something is coming across from the forum module.

If you use the web developers toolbar and go to:

Miscellaneous / edit HTML and add the </div> where I said previously you will see that the problem is fixed, so for some reason this tag does not get closed

<!-- Start_Module_690 --><div id="dnn_ctr690_ModuleContent">

It maybe worth creating a special container for the forum module and just adding an extra closing </div> to the forum container to see if this fixes the problem.

We are seeing slightly different problems because we are using different browsers.

Now, after I tweaked the index.html file IE7 still allows the menu to drop down under the content on my home page, but FireFox 2.0 doesn't. The width goes fixed at the minium widths specified in the skin.css file.  With FF2.0 the forum seems to be the only messed up page.

It looks like we all can start tweaking and IE7 hacks.css - Yuk

If the forum is the only page messed up I may just use a different skin for it. Maybe the problem with the divs is in the forum's theme.

Thanks for the help,

/DaveS

Acually when I log in the blogs module also behaves the same as the Formum module. I wonder when the DotNetNuke folks will start paying as much attention to the modules as they do to the core. ;=}

/DaveS