English 中文(简体)
CSS: 未成年人不工作
原标题:
  • 时间:2009-06-06 02:57:19
  •  标签:

电话 我在四舍五入中加上八分之八,使四舍五入成百分之四。 我已把他们添加到所有关键人物身上,包括高身:100%;高分辨率:100%;但没有任何工作。 我怎么办? 它只是偏离了旁边疆的背景和内容的背景。

“alt

(Forgot tobell a part.) 具有白色背景的内容领域为:col1。

<>CSS:

@charset "UTF-8";
/* CSS Document */

img {
    border-style: none;
    color: #FFF;
    text-align: center;
}
body {
    background-color:#000;
    margin:0;
    padding:0;
    border:0;           /* This removes the border around the viewport in old versions of IE */
    width:100%;
}
.sidebar {
    background-image:url(../images/sidebar/background.png);
    background-repeat:repeat-y;
    font: 12px Helvetica, Arial, Sans-Serif;
    color: #666;
    z-index:1;
}
.menu {
    background-image:url(../images/top_menu/background.png);
    background-repeat:repeat-x;
    height:25px;
    clear:both;
    float:left;
    width:100%;
    position:fixed;
    top:0px;
    z-index:5;
    background-color:#000;
}
.bottom_menu {
    background-image:url(../images/bottom_menu/background.png);
    background-repeat:repeat-x;
    height:20px;
    z-index:2;
    font: 12px Helvetica, Arial, Sans-Serif;
    clear:both;
    float:left;
    width:100%;
    position:fixed;
    bottom:0px;
}
.colmask {
    position:relative;      /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%; /* width of whole page */
    overflow:hidden;    /* This chops off any overhanging divs */
}
.sidebar .colright {
    float:left;
    width:200%;
    position:relative;
    left:225px;
    background:#fff;
}
.sidebar .col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:225px;
}
.sidebar .col1 {
    margin:30px 15px 0 225px; /* TOP / UNKNOWN / UNKNOWN / RIGHT */
    position:relative;
    right:100%;
    overflow:hidden;
}
.sidebar .col2 {
    float:left;
    width:225px;
    position:fixed;
    top:0px;
    left:0px;
    margin-top:25px;
    margin-left:5px;
    right:225px;
}
.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}

<><><><>>><>>>>><>>>>>>

<body>
<div id="container">
<div class="menu">Header Content</div>
<div class="colmask sidebar">
    <div class="colright">
      <div class="col1wrap">
            <div class="col1" id="contentDIV">
                Content
            </div>
        </div>
        <div class="col2">
            Sidebar Content
        </div>
    </div>
</div>
<div class="bottom_menu">Footer Content</div>
</div>
</body>
最佳回答

Fixed. It was the container div right after the body tag. Even with height CSS, it created problems. I removed it and changed a script I had from rendering in that div to the document.body and everything works now.

问题回答

如果你试图使你的内容和旁遮盖整个页的高度,那么实际上不会帮助确定高点。 如果你使用100%,你就会把你的名字推到下页底,以便你看到。 我知道,只有一种方法,才能使你有一个全身的体,其脚步如下: 缩略语

详细情况如下::http://www.cssss准yfooter.com/

很可能需要另一trick。 几乎不可能有两列,以达到同等高水平,支持所有浏览器。 把你的灰色柱带上左白中心,把所有东西拖到脚底的最简单办法是使用1-pixel高射线,其适当比例为灰色和白色,在轴线上背景重。

该中心知识的另一个重要地点是

很难用浮标和定位在同一要素上穿透。 尤其是浮动和位置:固定(或绝对)不兼容,每个浏览器处理情况不同。

IE6并不支持立场:完全确定并把它当作立场:统计(缺省——根本没有位置)。





相关问题
热门标签