CSS'in tasarım dünyasındaki sınırlarının ne kadar geniş olduğunu hepimiz biliyoruzdur.
Bu yönde tasarımlarımızda kullandığımız css uygulamalarında tarayıcı uyumluluklarına dikkat etmemiz gerekiyor.
Aksi halde tasarımsal bozukluklar ile ziyaretçilere hoş karşılamalar sağlayamayız.
CSS tarafında kullanacağımız if deyimleri ile tarayıcı uyumluluklarını IE,FF vb. olarak belirleme imkanına sahibiz bu konuya sonraki yazılarımda değineceğim.
Şimdi ise stabil arkaplanlar ile content kısmını sabit, arkaplan kısmını ise repeater olarak kullanıp dengeli yapılar elde edebileceğiz.
Basit bir örnek ile hemen açıklayayım.
ilk olarak HTML tarafındaki kodlarımızı hazırlıyoruz.
<html>
<head>
<title>
CSS Background Örneği
</title>
<style type="text/css" media="screen">@import "screen.css";</style>
</head>
<body>
<div id="wrapper">
<p>İçerik Alanı</p>
</div>
</body>
</html>
Şimdi ise CSS dosyamızı hazırlayalım.
body
{
font: 62.5%/1.5 "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
background: url(bg.gif) repeat;
color: #333366;
text-align:center;
}
#wrapper
{
width:1000px;
text-align:left;
margin-left:auto;
margin-right:auto;
background-color: #FFFFFF;
}
Not: bg.gif yerine arkaplan resminizin linkini belirtin.
Bu işlemlerin ardından repeat olarak belirlediğimiz arkaplan resmimiz web sayfamıza yerleşecektir.
Tüm tarayıcılar ile de uyumlu olmasından dolayı herhangi bir problem yaşamayacaksınız.
Kolay Gelsin...