Boşluktan kastım paylaş butonu ile ne düşünüyorsun arasındaki 2-3 piksellik boşluk
Kodlar;
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Facebook - Timeline</title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
});
</script>
<style type="text/css">
:focus {outline:0;}
.clear {clear:both;}
img {border:none;}
body {background:#e9eaed;margin:0;padding:0;}
#wrapper {width:980px;margin:0 auto;}
#header {position:relative;}
#kapak {height:550px;background:#fff;overflow:hidden;}
#kapak img {width:980px;height:500px;}
#profil img {width:160px;height:160px;border:3px solid #fff;border-radius:5px;cursor:pointer;}
#profil {position:absolute;bottom:10px;left:20px;}
#menu ul {font:12px sans-serif;padding:0;margin:0;list-style:none;position:absolute;bottom:0px;right:0;height:45px;}
#menu ul li {float:left;border-right:1px solid #f0f0f0;}
#menu ul li a {text-decoration:none;color:#3b7dc1;display:block;padding:0 20px;line-height:45px;}
#menu ul li a:hover {background-color:#f6f7f8;}
.fav {color:#000 !important;}
.username {position:relative;bottom:50px;left:200px;font:50px;color:#fff;font:bold 25px arial;text-shadow:1px 1px #000;}
.username a {color:#fff;text-decoration:none;}
.username a:hover {text-decoration:underline;}
#page {height:500px;margin-top:15px;}
#sidebar {float:left;width:400px;height:300px;}
#content {float:right;width:550px;height:300px;margin-left:10px;}
.ne_dusunuyorsun {border-radius:3px;border:1px solid #d3d6db;height:40px;background:#f6f7f8;border-bottom:none;padding:0;margin:0;}
.ozellik ul {margin:0;padding:0;list-style:none;font:bold 11px sans-serif;}
.ozellik ul li {float:left;}
.ozellik ul li a {color:#3b59a4;display:block;text-decoration:none;padding:0 15px;line-height:40px;}
.ozellik ul li a:hover {text-decoration:underline;color:#3b5998;}
li.durum {background:url("durum.png") no-repeat 20px;}
.durum1 {margin-left:30px;color:#000 !important;}
li.fotograf {background:url("fotograf.png") no-repeat 0px;}
.fotograf2 {margin-left:10px;}
li.yer {background:url("yer.png") no-repeat 0px;}
.yer2 {margin-left:10px;}
li.onemli_gelisme {background:url("onemli_gelisme.png") no-repeat 0px;}
.onemli_gelisme2 {margin-left:10px;}
.tekstarea {width:508px;resize:none;color:#777;border:1px solid #d3d6db;padding:0;margin:0;padding:20px;margin:0;overflow: auto;height:35px;}
.ozellikler {background:#f6f7f8;height:40px;padding:0;margin:0;border:1px solid #d2d3d6;border-radius:3px;border-top:none;width:100%;}
.ozellikler ul {padding:0;margin:0;list-style:none;}
.ozellikler ul li {float:left;}
.ozellikler ul li a {line-height:40px;padding:0 20px;display:block;}
.ozellikler ul li a:hover {background:#f0f2f2;}
.ozellikler .post {float:left;padding:0;margin:0;}
.ozellikler .post_gonder {float:right;}
.ozellikler .post_gonder a {text-decoration:none;font:11px sans-serif;line-height:40px;color:#808080;}
.ozellikler .post_gonder span {padding-left:5px;padding-top}
.post_gonder ul li.paylas {height:22px;border:1px solid #3c5488;border-radius:3px;width:67px;font:bold 11px sans-serif;text-align:center;line-height:20px;background:#49649f;color:#fff;margin-right:10px;margin-top:7px;cursor:pointer;}
.post {}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="kapak"><img src="1.jpg" alt="kapak" /> <span class="username"><a href="#">Fırat Abak</a></span></div>
<div id="profil"><img src="2.jpg" alt="" /></div>
<div id="menu">
<ul>
<li><a href="#" class="fav">Zaman Tüneli</a></li>
<li><a href="#">Hakkında</a></li>
<li><a href="#">Fotoğraflar</a></li>
<li><a href="#">Arkadaşlar</a></li>
<li><a href="#">Diğer</a></li>
</ul>
</div>
</div>
<div id="page">
<div id="sidebar"></div>
<div id="content">
<div class="ne_dusunuyorsun">
<div class="ozellik">
<ul>
<li class="durum"><a href="#" class="durum1">Durum</a></li>
<li class="fotograf"><a href="#" class="fotograf2">Fotoğraf</a></li>
<li class="yer"><a href="#" class="yer2">Yer</a></li>
<li class="onemli_gelisme"><a href="#" class="onemli_gelisme2">Önemli Gelişme</a></li>
</ul>
<div class="durum">
<textarea class="tekstarea" placeholder="Ne düşünüyorsun?"></textarea>
</div>
</div>
<div class="ozellikler">
<div class="post">
<ul>
<li><a href="#"><img src="etiket.png" alt="" /></a></li>
<li><a href="#"><img src="tarih.png" alt="" /></a></li>
<li><a href="#"><img src="konum.png" alt="" /></a></li>
<li><a href="#"><img src="ifade.png" alt="" /></a></li>
</ul>
</div>
<div class="post_gonder">
<ul>
<li class="herkese_acik"><a href="#"><img src="dunya.png" alt="" /> <span>Herkese Açık</span></a></li>
<li class="paylas">Paylaş</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 06:33:11 -->-> Daha önceki mesaj 06:09:34 --
Not : Bu sadece Chrome de böyle diğer tarayıcılar da düzgün.
Not 2: Gerçekten ne alaka bilmiyorum ama body {line-height:0} yaptım düzeldi ama ne alaka ? Tesadüf oldu gerçekten.
--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 07:42:22 -->-> Daha önceki mesaj 06:33:11 --
Arkadaşlar line-heighti kaldırdım daha doğrusu kaldımak zorunda kaldım çünkü diger elemanlara da etki ediyordu yani sorun devam ediyor yardımlarınızı bekliyorum.