关于CSS布局和CMS的问题
我正在与SiteFinity CMS合作。我的特殊布局是3列,宽度为100%(边列为固定宽度,中心为流体)。在中间的一栏中,我想使用CSS将其划分为多个“框”。我的第一次尝试是用。以下是我使用的标记:关于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">
<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">
</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">
</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 */