2013-02-25 37 views
0

所以,我试图让div的背景图片显示在我的网页上。在IE中,它看起来很好,但在Chrome中,页面看起来不错,当它不是全屏时,并且当窗口全屏时,div 2上的边框在右侧大约为20像素。第一个div应该是可用屏幕的大小,第二个75%是中心的大小。 它看起来好像chrome在第一个div上看不到我的100%高度。 这里是我的CSS样式表:为什么我的边框太宽铬

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

#main {  
    background-repeat:no-repeat; 
    background-size:cover; 
    font-size: 24px; 
    font-family:Georgia, "Times New Roman", Times, serif; 
    text-align:center; 
    padding:40px; 

    height:100%; 
    width:100%; 
    position: relative; 
    background-image: url(../graphics/craig-smith-background.jpg); 
} 

#body { 
    min-height:500px; 
    width:75%; 
    background-repeat:no-repeat; 
    background-image: url(../graphics/back2.jpg); 
    margin: 0 auto; 
    position:relative; 
    border:groove; 
    border-color:#333; 
    border-width:5px; (edit) 
    padding:0; 
} 

我已经打了填充和利润上都申报单,但只是不能似乎推测这一个。

(编辑)我应该指定,则在右边,你可以看到DIV 1

+0

你能否提供更多代码不只是你的风格?也许做一个jsFiddle?http://jsfiddle.net/ – 2013-02-25 21:26:14

+0

对不起,什么是jsFiddle? – 2013-02-25 21:27:27

+0

@CraigSmith,[jsfiddle是一个网站,您可以创建简化的测试用例,轻松保存并共享他们](http://jsfiddle.net)。 – zzzzBov 2013-02-25 21:36:52

回答

0

的问题Dreamweaver中更新不及时的本地文件,我在Photoshop改变一个图片文件,并保存它。Dreamweaver中没有看到文件更新。

2
border:groove; 
border-color:#333; 
border-width:thick; 

的背景PIC不要使用thick边框和画面之间的20像素的空间,指定您想要的像素数量。 “2px的”,5px的”,等等。

+0

我有一个想法,你如何使铬使用新的样式表。也许它不会加载我的更改。图片太小,无法启动,我重新调整大小。改为5px没有改变。 – 2013-02-25 21:32:08

+0

@CraigSmith,Ctrl + F5应该强制Chrome在刷新时忽略缓存。 – zzzzBov 2013-02-25 21:38:42

+0

也没有工作 – 2013-02-25 21:42:40