Yeni Kayıt
Konudaki Resimler
|
Hızlı 
Bildirim
Web siteleri farklı tarayıcılarda nasıl aynı görünür?
Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
Giriş
Mesaj
-
-
Her program farklı bir oluşturma motoru kullandığından dolayı, tüm browserlarda aynı görüntüyü sağlayamıyor olabilirsiniz. Bunun nedeni siz değil browserlar olablir:) . Yinede html ve css nizi
http://validator.w3.org/ adresinde test ederek geçerli olduğundan emin olun.. sitenin farklı browserlarda sorunsuz gözükmesini istiyorsan, tamamen olmasa bile W3C standartlarına uymamız gerekiyor..
Örneğin mail formlarında style="width:100px" şeklinde yazarsanız sonuç alamazsınız, width="100" yazmanız gerekiyor. Bu ve bunun gibi pekçok örnek var..
Ayrıca sitenizin akla gelmicek browserlarda nasıl göründüğünü merak ediyorsanız
http://browsershots.org bu adresi deneyebilirsiniz. Tüm browserları tercih ederseniz işleminiz
internet hızınıza göre 15dk ve fazlası bir zamanda tamamlanacaktır..
Ayrıca bir yol daha CSS Hack yöntemi. Eğer her tarayıcı da farklı çalışan bir CSS şablonu oluşturmak isterseniz Rafael Lima ‘nın yazdığı bir Javascripti kullanabiliriz.
<script src="scriptin URL'si" type="text/javascript"></script>
<head> </head> tagleri arasına yerleştirilecek
Her tarayıcı için görünecek CSS özelliklerini ayarlayın. Firefox‘da h1‘in boyutunun 16px ve internet explorer da ise 18px olmasını istiyorsanız kullanmanız gereken kod ;
.gecko h1 {font-size: 16px;}
.ie h1 {font-size:18px;}
Ya da Mac üzerinde Safari kullanan biri baktığında h1 boyutunun 10px olarak görsün istiyorum;
.mac.webkit h1 {font-size:10px;} olarak yazmamız gerekir. Özellikle burada dikkat edilmesi gereken nokta işletim sistemi adı ile tarayıcı adının arasında boşluk bırakılmamasıdır.
Gerekli olan diğer bilgiler Rafael Lima'nın sitesinde mevcut.
< Bu mesaj bu kişi tarafından değiştirildi kursaaa -- 4 Aralık 2008; 13:22:03 >
-
Güzel bir cevap olmuş, Kursaaa arkadaşımıza teşekkürler. Sorun ise ne yazık ki hepimizin derdi... -
@kursaaa nın anlattığı olay aslında biraz ifade olarak ve güncel olarak eksiklikler içeriyor.
Sayfa dizaynları CSS dediğimiz teknik kullanarak yapılıyor desek yanlış olmaz. Burada W3 standartlarından çok tarayıcılar için döküman type dediğimiz kodlama şekli önem arz etmekte.
Browserların kodları neye yani hangi dile göre çözümlemeye çalışacağı sayfanın döküman typeına göre belirlenir. Yani W3 standartlarında kod yazmanız veya, W3 Validator dan hatasız geçen bir sayfanın ( css kodlarının yada sayfa içeriği kodların ) tüm tarayıcılarda aynı gözekmesi söz konusu bile değildir.
Bu özellikle xhtml olsun html olsun div, margin, padding, h, gibi bazı tagların farklı tarayıcıların farklı şekillerde yorumlanan api sinden dolayı kaynaklanmaktadır.
Arkadaşın bahsettiği mesela <img ............ /> kodunun <img ....> </img> şeklinde açılıp kapatılması konusu daha farklı bir konudur.
Tarayıcılarda aynı görüntüyü tek bir css dosyasında ( internal ve/ya external ) almak mümkündür. Sadece IE6 gibi yada bazı eski apileri kullanmaya devam eden tarayıcılarda olduğu gibi, optacity ve png tranparancy ( yada moz opaticy ) gibi konularda koşullu kod yazarak düzeltebilirsiniz.
-
Her şeye standart getirirler de neden tarayıcılara bir standart getirmezler anlamıyorum.
İnsanları tarayıcıya göre kod üretmek zorunda bırakacaklarına, tarayıcı üreticilerini belli standartlara uymaya zorlasalar da bu tip sorunlar yaşanmasa.
-
Biraz geç cevap yazdığım için kusura bakmayın. cevap yazan arkadaşlara çok teşekkür ederim. Ben sorunumu çözemedim onun yerine kendim basit bir site yaptım çok da güzel oldu ve mozilla ile IE de fark yok gibi birkaç yazı kaymasından başka. Diğer tarayıcılara hiç bakmadım. Sonuçta HTML bilmiyorum sadece frontpage kullandım. -
dreamweaver bo konuda fp den önde.DW de yapılan sayfalar farklı tarayıcılarda daha az sorun çıkarıyor.
Sayfa:
1
Ip işlemleri
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
