创建自定义主页面导致列表显示与它合并

Question

使用设计管理器，我将HTML文件转换为主页。 （这是一个简单的徽标，下降菜单）。然后，我将它设置为一个子站点的默认主页面。此想法是当我从SharePoint Designer创建任何列表时，我希望在我的主页上的下拉菜单下方直接显示这些列表，这是为了使我可以在我的下拉列表中链接到表单中的项目列表后面

我当前发现的是我想在那些列表中添加物品时（通过newform.aspx）表单在与母版页面相同的级别时出现在同一级别上，而不是我创建的徽标/下拉菜单。这导致部分隐藏在主页部分后面的一部分。

感觉就像我在自定义主站页面中缺少多个div标签（例如titllerow），以告诉任何列表/表单直接显示在我的主页内容下面。

我也在设计经理中寻找页面布局。

之前有你遇到过这个，可能知道我错过了什么，或者方向。

Answer 1

实现了我的错误。

它是由于我的图像和菜单栏具有绝对样式的位置设置 （例如，我的母版下面的赛段）

<div id="s4-workspace">
    <div id="s4-bodyContainer">
        <script src="/_catalogs/masterpage/FormsTest/Scripts/jquery-1.7.1.min.js"></script>
        <script src="/_catalogs/masterpage/FormsTest/Scripts/scriptMenu.js</script>
        <div>
            <img src="/_catalogs/masterpage/FormsTest/Images/bg-header.jpg" style="position: absolute; width: 100%; height: 100px" alt="" />
            <img src="/_catalogs/masterpage/FormsTest/Images/hilldickinson_white.png" style="position: absolute; top: 40px; left: 10px;" alt="" />
            <ul class="nav" style="position: absolute; top: 100px; ">
                <li>
                    <a href="#">Menu heading 1
                    </a>
                    <ul>
                        <li>
                            <a href="#">Sub Heading 1</a>
                        </li>
                        <li>
                            <a href="#">Sub Heading 2</a>
                        </li>

                        ... etc...

.

但不具有应用于ContentPlaceHolderMain部分的绝对样式，其中所有可变的内容都会出现。

因此修复我的应用程序，以包括div标签上的样式和顶部属性

   <div data-name="ContentPlaceHolderMain"  style="position: absolute; top: 160px;>
      ... content ...
   </div>

.

内容现在在正确的位置渲染。