2013-07-11 70 views
0

我试图删除边框,但我不能。 border:none,border-style:none;边框宽度:0px或没有边框的定义。我尝试了所有这些标题,但每当我尝试,div转移。div无边框

border:none

,这是它看起来像一个带有边框(任何方式)

enter image description here

而这些都CSS代码和的2形势HTML代码休息。 CSS:

body{ 
top:0px; 
text-align:center; 
background-color:#F3F3F3; 
margin:0px; 
} 

div#baslik{ 
top:0px; 
width:800px; 
height:230px; 
border-style:solid; 
margin-left:auto; 
margin-right:auto; 
background-image:url('/gorsel/baslik.jpg'); 
} 

div#siteler{ 
text-align:right; 
height:55px; 
width:800px; 
padding-bottom:5px; 
bottom:0px; 
margin-top:195px; 
padding-right:30px; 
} 

a:visited,a:link.siteler{ 
padding-right:10px; 
padding-left:10px; 
} 

img:hover.siteler{ 
-moz-box-shadow:0px 0px 10px #FFF; 
-webkit-box-shadow:0px 0px 10px #FFF; 
box-shadow:0px 0px 10px #FFF; 
} 

img.siteler{ 
width:30px; 
height:30px; 
} 

HTML:

<!DOCTYPE html> 
<html> 
<head> 
    <title>BAŞLIK</title> 
    <link rel='stylesheet' type='text/css' href='tema.css'> 
    <meta http-equiv='Content-Type' content='text/HTML; charset=utf-8' /> 
    <link rel='shortcut icon' href='/gorsel/favicon.ico' type='image/x-icon' /> 
</head> 
<body> 
    <div id='baslik'> 
     <div id='siteler'> 
      <a class='siteler' href=#><img class='siteler' src='/gorsel/facebook.jpg'></a> 
      <a class='siteler' href=#><img class='siteler' src='/gorsel/rss.jpg'></a> 
      <a class='siteler' href=#><img class='siteler' src='/gorsel/twitter.jpg'></a> 
      <a class='siteler' href=#><img class='siteler' src='/gorsel/planetminecraft.jpg'></a> 
      <a class='siteler' href=#><img class='siteler' src='/gorsel/youtube.jpg'></a> 
     </div> 
    </div> 
</body> 
</html> 
+0

也许'border:0'?我会更深入地研究它 – ntgCleaner

+0

我无法用给定的HTML和CSS重现此错误。你正在运行任何脚本?这里是JSFiddle:http://jsfiddle.net/5jCda/(只是添加边框:没有任何地方,你会看到) – Johannes

+0

不行,它没有工作。 –

回答

1

这是margin collapsing。当#baslik具有顶部边框或顶部填充时,它包含里面的顶部边距#siteler。当没有边界或填充分隔边界时,它们被合并到一个边界中,从而将它们两者都移位。

为了防止这种情况,你可以从#siteler删除margin-top:195px;height:35px; padding-top: 195px取代height:230px;#baslik

+0

它的工作,非常感谢你:) –