• 10-07-2007, 01:16:58
    #1
    Üyeliği durduruldu
    Selam arkadaşlar,
    Site tasarımı internet explorer'de düzgün iken firefox'da kaydı ne yaptıysam olmadı çok kötü kaydı ff'de biryerde hatam var ama nerde

    div.Baslik{
    height:25px;
    background-color: #fbfbfb;
    border-bottom:solid 1px #EDEDED;
    font:12px Verdana, Arial, Helvetica, sans-serif;
    color:#828282;
    font-weight:bold;
    }
    div.Baslik label{
    line-height:25px;
    padding-left:20px;
    }
    div.link a{
    line-height:25px;
    padding-left:16px;
    margin-left:20px;
    }
    div.link a:hover{
    color:#00D269;
    }
    div.icerik{
    margin-left:36px;
    }
    div.bolum{
    
    padding-bottom:10px;
    height:150px;
    }
    div.paketler{
    float:left;
    width:702px;
    height:100%;
    }
    div.paket{
    float:left;
    border-bottom:solid 1px #EDEDED;
    border-left:solid 1px #EDEDED;
    width:233px;
    height:100%;
    }
    div.paket ul{
    list-style-type:none;
    list-style-image:url(arrow2.gif);
    }
    div.paket li{
    margin-top:4px;
    font-size:12px;
    }
    div.Satin{
    padding-left:110px;
    text-align:right;
    margin-top:18%;
    margin-right:10px;
    }
    div.Satin a{
    width:112px;
    height:34px;
    display:block;
    background-image:url(satin_al.gif);
    background-repeat:no-repeat;
    }
    div.Cesit{
    float:left;
    width:702px;
    height:114px;
    border-bottom:solid 1px #EDEDED;
    }
    <div class="Baslik">
    <label>Diğer</label></div>
    <div class="Cesit"><img alt="" src="linux.jpg" />
    <img alt="" src="windows.jpg" /></div>
    
    
    <div class="Baslik"><label>Paketler</label></div>
    
    <div class="paketler">
    <div class="paket" style="border-left-style:none;"><img alt="" src="linux_bronz.jpg" />
    <ul>
    <li>özelliklerden 1 açıklama </li>
    <li>özelliklerden 2 açıklama</li>
    <li>özelliklerden 3 açıklama</li>
    <li>özelliklerden 4 açıklama</li>
    <li>özelliklerden 5 açıklama</li>
    <li>özelliklerden 6 açıklama</li>
    <li>özelliklerden 4 açıklama</li>
    <li>özelliklerden 5 açıklama</li>
    <li>özelliklerden 6 açıklama</li>
    </ul>
    <div class="Satin"><a href="#"></a></div>
    </div>
    <div class="paket"><img alt="" src="linux_silver.jpg" />
    <ul>
    <li>özelliklerden 1 açıklama</li>
    <li>özelliklerden 2 açıklama</li>
    <li>özelliklerden 3 açıklama</li>
    <li>özelliklerden 4 açıklama</li>
    <li>özelliklerden 5 açıklama</li>
    <li>özelliklerden 6 açıklama</li>
    <li>özelliklerden 4 açıklama</li>
    <li>özelliklerden 5 açıklama</li>
    <li>özelliklerden 6 açıklama</li>
    </ul>
    <div class="Satin"><a href="#"></a></div>
    </div>
    <div class="paket"><img alt="" src="linux_gold.jpg" />
    <ul>
    <li>özelliklerden 1 açıklama</li>
    <li>özelliklerden 2 açıklama</li>
    <li>özelliklerden 3 açıklama</li>
    <li>özelliklerden 4 açıklama</li>
    <li>özelliklerden 5 açıklama</li>
    <li>özelliklerden 6 açıklama</li>
    <li>özelliklerden 4 açıklama</li>
    <li>özelliklerden 5 açıklama</li>
    <li>özelliklerden 6 açıklama</li>
    </ul>
    <div class="Satin"><a href="#"></a></div>
    </div>
    
    </div>
    
    
    <div class="Baslik"><label>Duyurular</label></div>
    <div class="bolum">
    <div class="link"><a href="#">asdsa</a></div>
    <div class="icerik">Bu bir Denemedir _dgdgdgdfg ...</div>
    <div class="link"><a href="#">asdsa</a></div>
    <div class="icerik">Bu bir Denemedir _dgdgdgdfg ...</div>
    <div class="link"><a href="#">asdsa</a></div>
    <div class="icerik">Bu bir Denemedir _dgdgdgdfg ...</div>
    </div>
    İE Görüntüsü

    http://img76.imageshack.us/img76/5161/ieuf1.jpg


    FF Görüntüsü

    http://img443.imageshack.us/img443/5862/ffnv0.jpg

    Nerede ne gibi bir kod fazlası yada eksiği bu hale getirdi anlamadım.
  • 10-07-2007, 05:57:11
    #2
    Baştan tasarlaman gerekiyor taşıyıcı hiç bişi kullanmamışsın
    Yapman gereken
    <div style=buyuk>
    sitenin tasarımı ve diğer kodlar
    </div>
    buyuk isimli div de ana taşıyıcının genel özelliklerini belirlemen lazım site ortalanacakmı likit tasarımmı olacak veya elastiki mi vs vs vs
    Ayrıca
    Alıntı
    <div class="paket" style="border-left-style:none;">
    bunlardan önce ve sonra <div style=clear:both;></div> şeklinde bi div kullanman daha faydalı olur
  • 10-07-2007, 14:38:52
    #3
    Üyeliği durduruldu
    Evet haklısın govde kısmı ve buna bağlı gove_orta diye alt kısım yapmıştım burayı taşıyıcı olarak düşünmüştüm ama sanırım ayrı sayfadan include ettiğim için ayrı bir taşıyıcı daha şart.
  • 10-07-2007, 18:38:05
    #4
    Üyeliği durduruldu
    Evet <div id="ANA TABLO"> yok, o yüzden kaymış olmalı
  • 11-07-2007, 03:09:56
    #5
    Üyeliği durduruldu
    Extradan ayrı bir taşıyıcı yaptım ve her bölümü kendi içinde ayrı kısıma topladım sonra float'lar ile düzelttim.Sağolun
  • 20-06-2008, 17:18:25
    #6
    Ff'nin Tek Kötü Yanı Budur..
  • 15-08-2008, 04:06:45
    #7
    böyle durumlarda height:100% yerine height:auto kullanmak daha uygun oluyor.
  • 15-08-2008, 04:21:36
    #8
    Misafir
    1 yıllık konu arkadaşlar.