Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
关于CSS布局和CMS的问题_Css_Sitefinity - Fatal编程技术网

关于CSS布局和CMS的问题

关于CSS布局和CMS的问题,css,sitefinity,Css,Sitefinity,我正在与SiteFinity CMS合作。我的特殊布局是3列,宽度为100%(边列为固定宽度,中心为流体)。在中间的一栏中,我想使用CSS将其划分为多个“框”。我的第一次尝试是用。以下是我使用的标记: <div class="container_12"> <div class="grid_12"> <div class="grid_5 alpha tl"> <p class="tlc">

我正在与SiteFinity CMS合作。我的特殊布局是3列,宽度为100%(边列为固定宽度,中心为流体)。在中间的一栏中,我想使用CSS将其划分为多个“框”。我的第一次尝试是用。以下是我使用的标记:

<div class="container_12">
    <div class="grid_12">
        <div class="grid_5 alpha tl">
            <p class="tlc">
                <asp:ContentPlaceHolder ID="TopLeftBox" runat="server" />
            </p>
        </div>
        <div class="grid_2">
            &nbsp;
        </div>
        <div class="grid_5 omega tr">
            <p class="trc">
                <asp:ContentPlaceHolder ID="TopRightBox" runat="server" />
            </p>
        </div>
        <div class="clear">
        </div>
        <div class="grid_5 alpha bl">
            <p class="blc">
                <asp:ContentPlaceHolder ID="BottomLeftBox" runat="server" />
            </p>
        </div>
        <div class="grid_2">
            &nbsp;
        </div>
        <div class="grid_5 omega br">
            <p class="brc">
                <asp:ContentPlaceHolder ID="BottomRightBox" runat="server" />
            </p>
        </div>
    </div>
</div>
我想这是因为CSS冲突,因为SiteFinity和960gs都有自己独特的样式表

有谁能给我提供一些关于为什么会发生这种情况的额外见解,以及如何让这两种情况很好地协同工作

谢谢

编辑: 因此,我添加了以下CSS:

.tl
{
    background-color:#EEEEEE;
    margin:-5px;
    padding:5px;
    margin-bottom:25px;
    margin-top:15px;
}
.tr
{
    background-color:#DDDDDD;
    margin:-5px;
    padding:5px;
    margin-bottom:25px;
    margin-top:15px;
}
/* I am almost ashamed of how ugly this CSS is */


对我来说,这似乎是一个管道胶带修复。对此有什么反馈吗?

您之后的布局被称为CSS“圣杯”。

如果您认为sitefinity中的css导致了问题,请从中获取“reset.css”并将其添加到自定义css之前。 它将每个css元素重置回标准默认值。 (例如,Firefox、Safari等……都以相同的默认值开始。) 您可以使用yui网格部件而不是960网格系统。
如果您想查看yui grids示例,请大声回复。

您能给我们显示您页面的链接和所需结果的描述吗?我很乐意,但我正在本地机器上开发…我可以发布另一个带有编辑CSS的屏幕截图,让您有一个更好的想法。请稍候。@n1313:这最后一个屏幕截图是我想要的结果。谢谢你的链接,我想我会的
.tl
{
    background-color:#EEEEEE;
    margin:-5px;
    padding:5px;
    margin-bottom:25px;
    margin-top:15px;
}
.tr
{
    background-color:#DDDDDD;
    margin:-5px;
    padding:5px;
    margin-bottom:25px;
    margin-top:15px;
}
/* I am almost ashamed of how ugly this CSS is */