Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

IE 6 Sorunsalı ?

Slm arkadaşlar, tasasrım kısmından daha doğrusu css bilgim çok yok, şimdi bir şey sormak istiyorum garip bir durum gibi geldi,
Site FF, Chrome, Safari ve diğer tarayıcılarda sorunsuz ama ie 6 da baya bir kayma yapıyor, düzelteyim diye kodları tekrar inceledim, bir bölümde kayamaya sebep olan kodlar diğer bölümde kayma yapmıyordu biraz daha incelediğimde kayma yapmayan kodların üst tarafına css de açıklama yazmışım, bende kayma yapan css tanımlamalarının üst tarafına açıklama yazdım vce sorun düzeldi? bu nasıl olur ya bir şey anlamadım /* */ açıklama satırının ie6 da bi anlamımı vardır?

.bicim
{
float: left;
margin: 2px 0 0 3px;
width:235px;
}

/* Yukardaki bicim clasını kullandığım zaman kayma yapıyor ama bu açıklamayı yazdığım için aşağıdaki bicim1 clası düzgün çalışıyor? Bilen biri varsa ve açıklarsa sevinirim.
*/

.bicim1
{
float: left;
margin: 2px 0 0 3px;
width:235px;
}
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Cevaplar

  • huseyiniskender adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    47 cevap - 20 soru
    Merhaba, bu sorunun nedeni ie'nın ib...liğidir(kusura bakmayın ie nefretim). Arkadaşım sorun /**/ değil sorun float ile oluşturduğun katmanların yan yana dizildiğinde ie da prüz çıkarması. Örneğin sen iki katman yapmışsın bu katmanlardan sadece ilkinde problem oluyor. Yani px verdiysen px de ie koyuyor ve sorun oluşturuyor. Sorunu çözmek için float uyguladığın tüm katmanlara display:inline; eklemen gerek aşağıda uyguladım. Birde body tagının margini ve paddingini sıfırlarsan hoş olur. Kolay gelsin.

    .bicim
    {
    float: left;
    margin: 2px 0 0 3px;
    width:235px;
    display:inline;
    }
    .bicim1
    {
    float: left;
    margin: 2px 0 0 3px;
    width:235px;
    display:inline;
    }
    
  • GncArt adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    42 cevap - 13 soru
    Sayfadan IE 6 ya göre bir css dosyası çalıştırman gerekir. "ie6-fix.css" diye bir dosya aç ve aynı kodları içine yaz. ve aşağıdaki kod ile sayfaya çek. Sonra IE 6 yı ve ie6-fix.css yi aç ve deneyerek aynı değerlere farklı ölçüler ver.

    Örneğin: Normal css de 2px margin varsa ie6-fix css de bunu 4px yapınca sorun düzeliyorsa ie6-fix css deki margini 4px yap veya ekstra kod ekle düzeltmek için. Ekstra yazdığın kodlar sadece ie-6 da geçerli olacaktır.

    <!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="css/ie6-fix.css" />
    <![endif]-->
    
    • fahrenhayt46 adlı üyenin fotoğrafı fahrenhayt46
      Slm, bir kaç <ul> tagına da inline verince düzeldi, ama sorun şaşırtıcı şekilde /**/ yazdığımda düzeliyor ie6 da, valla nedendir anlamadım, aynen dediğin gibi ie6 için farklı kodlama yapmak istedim ama tesadüf sorun çıkaran tanımlamaların başında /* */ olduğunda doğruca çalışıyor ie6 da ?? şaşırdım kaldım valla, örneğin;
      .cubuk{
      padding: 2px 0;
      margin: 2px 0 0 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight: bold;
      list-style-type: none;
      text-align: left; 
      border-bottom: 1px solid #e2e2e2;
      }
      

      Bu kod ie6 da kayarken aşağıdaki kod düzgün çalışıyor (açıklama satırına dikkat)
      /*
      */
      .cubuk{
      padding: 2px 0;
      margin: 2px 0 0 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight: bold;
      list-style-type: none;
      text-align: left; 
      border-bottom: 1px solid #e2e2e2;
      }
      

      Tüm değişiklik bu ve sorun düzeliyor??
      Acaba ietester programında sorun olabilirmi yarın format atıp xp kuracam.
      9 yıl önce yazılmış
    • huseyiniskender adlı üyenin fotoğrafı huseyiniskender
      Bence ie tester programına pek güvenmeyin. Şu an xp makinemde kurulu olarak gelen ie6 ile test ediyorum son verdiğiniz kodların görüntüsü ikisindede aynı. Float olan divlerdede display kullanmaya devam edin. Durumu anlatan yabancı bir kaynak: http://www.positioniseverything.net/explorer/doubled-margin.html

      Yani float olan divlerde display:inline; olmazsa ie6 verilen değerin 2 katını uygular. Kolay gelsin.
      9 yıl önce yazılmış
    • fahrenhayt46 adlı üyenin fotoğrafı fahrenhayt46
      eyvallah, yarın ilk iş xp kurup taş devrine döneceğim, kolay gelsin,
      9 yıl önce yazılmış
    • huseyiniskender adlı üyenin fotoğrafı huseyiniskender
      Taş devrine dönmenize gerek yok :)

      Eğer bilgisayarınızın hafızası iyiyse VMware veya başka bir sanal makine yazılımı yükleyin ve o yazılımın içinede xp kurun böylece ie'nin her türlüsünü deneyin makinenizde. Kolay gelsin.
      9 yıl önce yazılmış