Kutu modeli (Box model) css için kullanılan bir elementin diğer elementlere uzaklığı, kendi içindeki ötelemesi, konumu ve kenarlarının ne kadar uzaklıkta olduğunu belirlersiniz. Her web tasarımcının bilmesi gereken çok önemli konudur. Bu modeli anlamadığınız zaman yazdığınız css kodları üzerine bina edilmiş xhml veya html kodlar tarayıcı bağımsız olmayacaktır.
kaynaklar:
http://tantek.com/CSS/Examples/boxmodelhack.html
http://www.altiustutasarim.com/arsiv/2005/02/kutucuk_modeli.php
http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug
http://de.selfhtml.org/css/formate/box_modell.htm
http://www.quirksmode.org/css/box.html
2, Yorum veya Geri izleme
Bir resim binlerce kelimeye bedeldir. Diyorlar ya, işte şimdi o sözün anlamını bulduğu bir andayım. Fatih Hayrioğlu vs. kaynaklarda da tekrarlanan bir şeydi ama şu resmi şöylece görmek çok iyi oldu. (Cümleyi toparlayamadım, neyse)
IE için sorunların üstesinden genellikle içeriye _inner son eki ile adlandırılan (gelenek öyle) bir iç element ile geliniyor. Padding yerine içeriye bir div atıp margin kullanmak gibi…
Ancak benim yazdığım çeşitli kodlarda (belki benden kaynaklanan bir hatadır ama) ff3, opera, safari vs. tarayıcılarda da padding değerinden dolayı artmalar oluyor. Müsait olduğum bir ara bunun hakkında ufak bir örnek yazıp hatamın nerede olduğunu kontrol edeceğim.
Teşekkürler.
18 Mart, 23:03
üstat bence bizde hata yok. tek dikkat ettiğim şey şu anda w3c modeli çünkü o daha mantıklı geliyor. ayrıca bu hatadan çok basit bir yöntem ile kurtulabiliniyor.
bir başkası ise ie için ayrı bir css dosyası oluşturup conditional tag ile ie ise yükletmek. İç içe div de çok güzel bir yöntem hattı zatında
20 Mart, 03:03
“Box Modeli anlamak” için yorumunuz
Kebikec Böceği var sitede.
Yorumlar için Besleme(RSS)