Her Tarayıcıda Farklı Görünüm Sorunsalı

salvo_wm · 1 15-03-2010, 09:35:36

HTML+CSS bir tasarım hazırlıyorum. evdeki bilgisayarımda tarayıcıda net olarak görünüyor. şirketteki bilgisayardan giriyorum. site yanlamasına büyüyor. bunu nasıl önleyebilirim.

cleaner80 · 2 15-03-2010, 09:39:07

webmaster ların en sıkıntılı işi farklı tarayıcılarda aynı görüntüyü elde edebilmek sanırım. Bunun için farklı tarayıcılar için farklı kodlar yazmak gerekiyor. Ben web browser selector diye bi js kodu kullanıyorum. Hangi etiketi hangi tarayıcıya göre kodlıcaksam onun başına o tarayıcı ile ilgili kodu yazıyorum mesela sadece chrome tarayıcısında çalışacak bi kod için mesela

Alıntı:

.chrome .a{

color: #fff;

}

gibi

cocainer · 3 15-03-2010, 09:50:03

her tarayıcı için farklı css ler tanımlayabilirsiniz. ie6 için farklı ie7 için farklı firefox için farklı vs.. forumda mevcutttu bulamazsanız haber verin

salvo_wm · 4 15-03-2010, 13:27:36

öncelikle yardımlarınız için teşekkür ederim. ben mesela evdeki bilgisayarımdaki tarayıcıdan tasarımı yaptım. benim kullandığım firefox 3.5'teki gibi tüm tarayıcılarda öyle olmasını istiyorum. sizin dediklerinize göre bir css dosyası açacağım ve içine tarayıcı kodlarını yerleştireceğim. daha sonra head içerisine <link href="tarayici.css" rel="stylesheet" type="text/css" />
bu kodu koyacağım değil mi ?

cocainer · 5 15-03-2010, 14:26:11

mesela ie6 için ie6.css dosyayı olusturcaksın ie7 için ise ie7.css olustrcaksın sonra gerekli css dosyalarına gereken css kodlarını ekleyeceksın mesela sadece ie6da çalışan css kodlarını ie6.css içine yerlestirceksin aynı işlemleri diğerleri içinde yapıcaksın sonra tarayıcıda çağırırkende şu şekilde kullanıcaksın ;

HTML-Kodu:

<!--ie6 için gereken-->
<!--[if IE 6]>
<link rel="stylesheet" href="styles/ie6.css" type="text/css" media="screen" />
<![endif]-->

<!--ie7 için gereken-->
<!--[if IE 7]>
<link rel="stylesheet" href="styles/ie7.css" type="text/css" media="screen" />
<![endif]-->

cleaner80 · 6 15-03-2010, 14:42:14

Bu linki bi inceleyin

http://rafael.adm.br/css_browser_selector/

salvo_wm · 7 15-03-2010, 15:01:45

Alıntı:

cocainer Nickli Üyeden Alıntı

mesela ie6 için ie6.css dosyayı olusturcaksın ie7 için ise ie7.css olustrcaksın sonra gerekli css dosyalarına gereken css kodlarını ekleyeceksın mesela sadece ie6da çalışan css kodlarını ie6.css içine yerlestirceksin aynı işlemleri diğerleri içinde yapıcaksın sonra tarayıcıda çağırırkende şu şekilde kullanıcaksın ;

HTML-Kodu:

<!--ie6 için gereken-->
<!--[if IE 6]>
<link rel="stylesheet" href="styles/ie6.css" type="text/css" media="screen" />
<![endif]-->

<!--ie7 için gereken-->
<!--[if IE 7]>
<link rel="stylesheet" href="styles/ie7.css" type="text/css" media="screen" />
<![endif]-->

hocam sadece tablolar için nasıl birşey yapabilirim. tablo arka planlarında photoshopla hazırladığım kesilmiş grafikler olacak. yani tablolar kaymasın yeter. bunun için bir fikir verirsen sevinirim.

**ThirtySeven** · 8 15-03-2010, 16:57:09

ie.css adında bir css dosyası oluştur ve internet explorer'da nasıl görünmek istiyorsan öyle giydir tasarımı.

salvo_wm · 9 15-03-2010, 21:41:56

Alıntı:

ThirtySeven Nickli Üyeden Alıntı

ie.css adında bir css dosyası oluştur ve internet explorer'da nasıl görünmek istiyorsan öyle giydir tasarımı.

hocam tamam yapıcamda tabloların kaymaması için ne yapabilrim. ben zaten resim aktarmayacağım siteye. sadece yazı olacak onlarda zaten tarayıcılarda bozulmuyor benim bildiğim.

salvo_wm · 10 16-03-2010, 18:00:10

sorun güncel

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