0

边距没有以正确的方式显示，我不知道为什么？我在 box_news 元素中的 chrome 中注意到了 4px，我对 rest.css 进行了一些处理，但我不确定它是否对我的状态有用。

右侧的这段代码：

<div class="rightside">


  <div class="box_news">
                            <h1>الاخبار</h1>

                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <div class="centerIt">
            <div class="readmore"><a href="#">مزيد من الاخبار</a></div>
            </div>
               <br><br>
    </div>





<div class="box1">
<h1>آخر معارض الصور</h1>


    <table align="center">
<tbody><tr>
    <td align="center"><img width="140" height="110" src="./Chrome_files/illaf693012853.jpg" alt="alt">
    </td>
</tr>
<tr>
    <td align="center">
    <a class="gallery" href="http://domain.com/ictproject/site/gallery?gal_id=13">اللاذقية 2013: مساعد ممارس في البرمجة اللغوية العصبية</a><br>2013-03-03</td>
</tr>
</tbody></table>
    <table align="center">
<tbody><tr>
    <td align="center"><img width="140" height="110" src="./Chrome_files/illaf654896994.jpg" alt="alt">
    </td>
</tr>
<tr>
    <td align="center">
    <a class="gallery" href="http://domain.com/ictproject/site/gallery?gal_id=5">دورة المغرب الصور الكاملة </a><br>0000-00-00</td>
</tr>
</tbody></table>
    <table align="center">
<tbody><tr>
    <td align="center"><img width="140" height="110" src="./Chrome_files/illaf906907216.jpg" alt="alt">
    </td>
</tr>
<tr>
    <td align="center">
    <a class="gallery" href="http://domain.com/ictproject/site/gallery?gal_id=12">اللاذقية 2012: دبلوم البرمجة اللغوية العصبية (2)</a><br>0000-00-00</td>
</tr>
</tbody></table>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <div class="centerIt">
         <div class="readmore"><a href="http://domain.com/ictproject/site/Galleries">مزيد من المعارض</a></div>
         </div>
</div>



        </div>

CSS：

.rightside {
    display: block;
    padding-top: 0;
    position: relative;
    width: 215px;
}

.box1{
display: block;
position: relative;
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 2px #cccccc;
color:#666666;
font-family: DroidKufi-Regular;
font-size:12px;

width: 98%;
margin-top: -27px;


}

.box1 p {font-size:12px; text-align: right; color:#666666;}
.box1 a { text-shadow: 1px 1px 1px gray; color:#1570a6; }
.box1 a:hover { color:#49a4da; }
.box1 H1{
color:#1570a6;
font-family: DroidKufi-Regular;
font-size:14px;
border-bottom:thin #eee solid;
text-shadow: 0px 0px 0px gray;
padding:5px;
}
.box_news{
 margin-top: -27px;
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 2px #cccccc;
color:#666666;
font-family: DroidKufi-Regular;
font-size:12px;

width: 98%;
margin-bottom: 10px;
height: 100%;

}
.box_news H1{

color:#8b9801;
font-family: DroidKufi-Regular;
font-size:14px;
border-bottom:thin #eee solid;
text-shadow: 0px 0px 0px gray;
padding:5px;

}
.news_title{
color:#8b9801;
font-family: DroidKufi-Regular;
font-size:11px;
text-shadow: 0px 0px 0px gray;
padding:0px;    
}
.news_title a{
color:#8b9801;
}
.news_title a:hover{
color:#;
text-shadow: 1px 1px 1px #EEE;
}
.news_time{
color:#cccccc;
font-family: DroidKufi-Regular;
font-size:10px;
border-bottom:thin #eee solid;
text-shadow: 0px 0px 0px gray;
padding:0 10 0 0px; 
}
.readmore{
    display:block;
    width:110px;
    height:24px;
    font-size:12px;
    background:url(../images/readmore.png) no-repeat center;
    font-family:DroidKufi-Regular;
    text-align:center;
    color:#FFF;
    padding:4 0 0 5px;
    margin:4px;
}
.readmore a{color:#FFF;}
.readmore a:hover{text-shadow: 2px 2px 2px #0a4e76;}

火狐 工作

铬合金 问题

任何帮助对我来说都会非常有用，在此先感谢。

4

3 回答 3

0

两种浏览器的字体都有所不同..字体看起来更大并且在chrome中拉伸..

于 2013-03-12T10:28:05.707 回答
0

padding:5px;从中删除.box_news H1它会起作用

于 2013-03-12T10:22:37.300 回答
0

现在定义你overflow:hidden 的 .box_news

像这样 

.box_news{
overflow:hidden;
}
于 2013-03-12T10:23:09.083 回答