代码之家 › 专栏 › 技术社区 › Jeremy

加载时将站点向右对齐的Adsense Javascript

css html

Jeremy · 技术社区 · 16 年前

基本上,页面编码是居中的,但实际情况是,加载时它会向右移动,完全加载包含所有图像和广告的页面,然后当最终完成时,它会移回居中。

这里是CSS:注意我是一个彻头彻尾的noob,所以大部分是从其他网站拼凑而成的。网站上唯一的javascript是谷歌adsense。

body, html {
    margin: 0; 
    padding: 0;
}

body {
    background-color: #0A0A0A;
    background-position: left;
    background-repeat: no-repeat;
}

img {
    border: 0 none;
}

p {
    margin: 0;
    padding: 0;
}

.shell {
    background-color: #0A0A0A;
    margin: 0 auto;
    width: 750px;
}

.topnav {
    border-bottom: 2px solid #68879A;
    text-align: center;
    width: 100%;
}

.topnav ul {
    height: 20px;
    line-height: 18px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 2px 0;
}


.topnav a {
    border-right: 2px solid #484848;
    color: #ABAAAA;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 0 5px;
    text-decoration: none;
    text-transform: uppercase;
}

.topnav a: hover {
    color: #FFFFFF;
    font-size: 10px;
    text-decoration: none;
}

.homenav a {
    color: #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
}


.homenav a: hover {
    color: #FFFFFF;
}

.textbig {
    background-color: #0A0A0A;
    background-position: left top;
    background-repeat: repeat-x;
    clear: both;
    color: #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
}

.text {
    background-color: #0A0A0A;
    background-repeat: repeat-x;
    clear: both;
    color: #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0;
}

.footer {
    background-color: #0A0A0A;
    background-position: left top;
    background-repeat: repeat-x;
    clear: both;
    color: #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 20px 0;
}

.footernav {
    float: left;
    width: 90%;
}

.footernav a { 
    color: #999999;
    text-decoration: underline;
}

.ImgBorder {
    border: 1px solid black;
}

.ImgBorder: hover {
    border: 1px solid white;
}