Son zamanlarda XHTML ve CSS ile tablosuz tasarımlar hazırlamaya iyice merak saldım. Kendi çapımda da bir şeyler oluşturmaya çalışıyorum. Ancak biliyorsunuz ki başta Internet Explorer 6 olmak üzere tüm browser uyumsuzlukları biz webciler için çile haline gelebiliyor. IE6 ile karşımıza çıkacak problemlerden biri de Padding. Google’da Box Model Hacking araması ile bazıları işe yaramasa da bir çok farklı yöntem bulabilirsiniz. Ben ise bugün başka bir yöntemden bahseceğim. Byte israflı ama işe yarar bir yöntem.

Öncelikle 2 sütunlu bir şablon oluşturalım:

<div class=”govde”>
 <div class=”sol”>
  sol alan içeriği
 </div>
 <div class=”sag”>
  sag alan içeriği
 </div>
</div>

Bunun için gerekli CSS dosyası da şöyle olsun:

.govde { width:800px; }
.sol { width:590px; float:left: background:#cccccc; }
.sag { width:200px; float:right: background:#999999; }

Eğer sayfamızı bu şekilde çalıştırırsak, içerik yazılarımız sol ve üste yapışık çıkacak. Bunu önlemek için “sag” ve “sol” adlı class’lara padding-left:5px; padding-top:5px; ekleyebiliriz. Ancak bu şekilde Firefox iki alandaki padding’leri alanların width’lerini ekleyecek. 800px alana sığmadıkları için sag alan, sol alanın altına kayacak. İşte bunu engellemek için şu yöntemi uygulayacağız:

Öncelikle CSS dosyamıza yeni bir satır ekleyeceğiz

.padding5 { padding-left:5px; padding-top:5px; }

Ardından şablon dosyamızı aşağıdaki gibi güncelleyeceğiz

<div class=”govde”>
 <div class=”sol”>
  <div class=”padding5″>
   sol alan içeriği
  </div>
 </div>
 <div class=”sag”>
  <div class=”padding5″>
   sag alan içeriği
  </div>
 </div>
</div>

Böylece alanlarımıza padding vereceğiz ancak padding div’lerinin genişlik veya yükseklik değerleri olmadığı için hiçbir şekilde kaymayacak. Bu şekilde farklı ölçülerde padding class’ları hazırlayıp CSS dosyanıza ekleyebilirsiniz. Darısı margin‘in başına..

Dün MSN’de “rahip” sözcüğü içeren mesajlar gönderememeye başladık. Hemen tüm haber sitelerine son dakika haberi gibi girdi. Ardından tufoto sözcüğünün de engelli sözcükler arasında olduğunu öğrendik. Anladık ki bunlar sadece birer örnekti ve devamı vardı. İşte engellenen diğer sözcüklerin bir listesi aşağıda. Listede kalın olarak yazdıkların Türkçe ve/veya benim ilginç bulduklarımdır. Ayrıca listede yer alan bir kaç site adresini de sildim…

.pif, imp.exe, bush-gracioso.exe, album.zip, photos.zip,yenibirmesaj, images.zip, myalbum2007.zip,  yuzmantari, img301.zip, img1756.zip, aminogrubu, hoto234.zip, boyamagucu, pic.zip, 038_jpg.zip, ecretimages56.zip, yesilsogan, love33.zip, monica.zip, img-0012.zip, imag091307.zip,tutuskanlik,  pic1273.zip, img-3773.zip, img-6434.zip, img-8197.zip, img-0950.zip, picts-7053.zip, mypictures.zip, image25.zip, pics.zip, foto.exe, fantasma.zip, tuhafkimse, impluse.exe, downgrdr.exe, photo656.jpg, photo234.zip, binkere, img021.zip, tanyababe.zip, stuff.zip, fotos.zip, tufoto, adalaryayi, get-messenger, yorungesel, 2nnvc7, blockinrio,  rahip, messaging-names, pictura002, sulandirma, messenger-scan, summer2008, messengerdeletechecker, photoalbum2007, imalatci, image029.zip, foto_781.zip, tunabaligi, chirstmas-2007.zip, photo2007-12.zip, img5-2007.zip, mypictures-0108.zip,  photos1-2008.zip, happy2008.exe, happy_2008.exe, happy-2008.exe, new_years_letter_flash.exe,  fmconsulting, acisalcap, mymsngallery, funpic.de, anlasmazlik, image031.zip, foto722a6

Az önce, İsviçre vatandaşı Meksikalı dünyaca ünlü Türk fotoğraf sanatçısı Ozan Daniel Eicher Özışık‘ın vasıtasıyla (o vasıta bir otobüs:p) öğrendim ki; MSN Messenger’da birine Rahip (rahip, RAHIP vs. türevleri de) yazınca, o mesaj karşı tarafa ulaşmıyor. Kimin, neden böyle bir engel koyduğunu da hakikaten merak ediyorum..
Sonradan gelen düzenleme: tufoto sözcüğü de sansüre takılıyor.