genişlik değerini minimum ve maksimum değerleri ile sınarlandırabilriz

#1 06-11-2007, 10:17

Bir kapsayıcı kutunun genişlik değerini minimum ve maksimum değerleri ile sınarlandırabilriz. Bu özellikler CSS2 ile birlikte gelmiştir.
min-width, min-height

Yapısı : min-width, min-height: <deger>
Aldığı Değerler : | | inherit
Başlnagıç değeri: 0
Uygulanabilen elementler: inline nonreplacement elementler ve tablo elementlere
Kalıtsallık: Yok
min-width, min-height kapsayıcı kutunun minimum alacağı değerleri belirtmek için kullanırız.

<LI class=alternatifard>p.menu {
float:left;<LI class=alternatifard>width:200px;
min-width:150px;
}

Web Tarayıcı Uyumu:
Internet Explorer 7+
Netscape 6+
Opera 6+
W3C’s CSS Level 2+
CSS Profile 2.0

Aynı şekilde max-width ve max-height tanımlamalarıda yapılır.
max-width, max-height

Yapısı : max-width, max-height: <deger>
Aldığı Değerler : | | none | inherit
Başlnagıç değeri: 0
Uygulanabilen elementler: inline nonreplacement elementler ve tablo elementlere
Kalıtsallık: Yok
max-width, max-height kapsayıcı kutunun maksimum alacağı değerleri belirtmek için kullanırız.

<LI class=alternatifard>p.menu {
float:left;<LI class=alternatifard>width:200px;
max-width:400px;
}

Web Tarayıcı Uyumu:
Internet Explorer 7+
Netscape 6+
Opera 5+
W3C’s CSS Level 2+
CSS Profile 2.0

şöyle bir sonumuz vardır ki oda IE’nin 7 versiyonundan sonra bu özellikleri desteklemeye başlamasdır. Bu çok kullanışlı özellikleri bu nedenden dolayı kullanmamazlık yapmayacağız tabi.
IE için bir çözüm vardır. expression() özelliği bu özellik sadece IE tarafından yorumlanır. Bu özellik dinamik özellik olarak tanımlanır. Yani bu kod normalde bir javascript kodudur.

<LI class=alternatifard>#icerik
{<LI class=alternatifard>min-width: 600px;
max-width: 1200px;<LI class=alternatifard>width:expression(document.body .clientWidth < 600? “600px” : document.body.clientWidth > 1200? “1200px” : “auto”);
}
<body><LI class=alternatifard><div id="icerik">
…<LI class=alternatifard></div>
</body>

Yukarıdaki tanımlamda css içerisinde javascript komutları kullanılmıştır. Bu tanımlamaları sadece IE anlayacaktır ve uygulayacaktır. Kodda eğer genişlik belirtilen maksimum değerden büyükse atanan değeri alacak değilse auto değeri alacaktır.

Benzer Konular
Konu	Konu Açanlar	Forum	Cevaplar	Güncel Mesajlar
Minimum pr1 link değişimi	bilimzamani	Blog siteleri	0	13-08-2008 07:28
blog sayfasında gösterilecek maksimum öge sayısı..?	inanan	Webmaster Genel Konular	0	18-07-2008 12:11
MsFlexGrid Düzenleme (Edit) ve Bu Değerleri Başka	Celebrian	Visual Basic & Action script	0	24-12-2007 12:04
Verilen iki sayının OKEK ve OBEB değerleri	egitimbilgisi	C, c++, c#	0	27-11-2007 08:58
Mozilla FireFox [Kurulum,Maksimum Hız ve Püf Nokta Ayarları]	kadınca	Network-internet	0	19-11-2007 09:47

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder