Merhabalar,
Yeni yeni CSS çözüyorum. İçerik gövdesi oluşturuyorum. İki farklı yöntem deniyorum. Biri Firefox'ta fazla bırakıyor diğeri de IE8'de. Diğerlerini denemedim.
Hata 1, Firefox'ta fazla boşluk gösteriyor.
http://www.bozkirmyo.net/hata1/ <html>
<head>
<Title>Bozkır Meslek Yüksek Okulu</Title>
<link rel="stylesheet" href="stil.css" type="text/css"/>
</head>
<body>
<div id="icerik">
<div class="icerik-baslik"><a href="#">Başlık</a></div>
<div class="icerik-orta">
deneme<br>
deneme<br>
deneme<br>
deneme<br>
deneme<br>
deneme<br>
</div>
<div class="icerik-alt"></div>
</div>
</body>
</html>
#icerik{width:686px;}
.icerik-baslik{background: url(icerik-ust.png) no-repeat; height:40px; font-size:18px; padding-left:15px; padding-top:10px;}
.icerik-baslik a{background: url(mavi-yildiz.png) no-repeat; padding-left:25px; display:block;}
.icerik-orta{background: url(icerik-icerik.png) repeat-y; padding:10px 10px 10px 10px;}
.icerik-alt{background: url(icerik-alt.png) no-repeat; height:15px;}Hata 2, IE8'de fazla boşluk gösteriyor.
http://www.bozkirmyo.net/hata2/ <html>
<head>
<Title>Bozkır Meslek Yüksek Okulu</Title>
<link rel="stylesheet" href="stil.css" type="text/css"/>
</head>
<body>
<div id="icerik">
<div class="icerik-baslik"><h2 class="baslik"><a href="#">Başlık</a></h2></div>
<div class="icerik-orta">
deneme<br>
deneme<br>
deneme<br>
deneme<br>
deneme<br>
deneme
</div>
</div>
</body>
</html>
#icerik{width:686px;}
.icerik-baslik{background: url(icerik-ust.png) no-repeat; height:40px;}
.icerik-orta{background: url(icerik-icerik.png) repeat-y; padding:10px 10px 10px 10px;}
h2.baslik{font-size:18px; padding-left:15px; padding-top:10px;}
h2.baslik a{background: url(mavi-yildiz.png) no-repeat; padding-left:25px;}Bir türlü ortasını bulamadım.
