Bu tarz bir düzen kullanmaya çalışmış arkadaşların başınada gelmiştir diye düşünüyorum. Öncelikle aşağıda verdiğim resim pek birşey anlatamamakta, fazla yerini kapamak zorunda kaldım özür diliyorum.

Şimdi sorum şu;

Aşağıdaki gibi çift bloklu bir düzen kullandığımda, her satırda sağdaki kutucuk sodlakinden uzun olduğunda bir sorun olmamakta (kırmızıyla işaretli yer).Fakat soldaki kutucuk sağdakinden uzun olduğunda, alt taraftakini fırlatıyor (siyahla belirttiğim yer). Bunun bir çözümü var mıdır acaba?

Resim;



CSS Kodu;
.scon {list-style:none;width: 584px;}
.scon li {margin-top: 15px;margin-right: 30px;width: 250px;float: left;background: #fff;color: #000;padding: 5px;-webkit-box-shadow: -1px 1px 2px rgba(0,0,0,.1);-moz-box-shadow: -1px 1px 2px rgba(0,0,0,.1);box-shadow: -1px 1px 2px rgba(0,0,0,.1);}
.scon li a {text-decoration:none;transition: 0.4s;}
.scon li a:hover{color: #2b72d1;opacity: 0.8;}

HTML Kodu;

  • a
    Deneme VideoEğlence
    Deneme Açıklama.

  • a
    Deneme VideoEğlence
    Deneme Açıklama.Şimdi bu uzasınki sorunları görelim değil mi?.Buda biraz daha artarsa soru ortaya çıkıyor..Vauuuvv bunda niye olmuyo la?

  • a
    Deneme VideoEğlence
    Deneme Açıklama.Vay anasını ilk kez sorun çıkmadı ya la? Nasıl becerdimki ben bunu, ğala ğala.

  • a
    Deneme VideoEğlence
    Deneme Açıklama.

  • a
    Deneme VideoEğlence
    Deneme Açıklama.

  • a
    Deneme VideoEğlence
    Deneme Açıklama.


    •

    Not: CSS'de "label"ı falan vermeye gerek duymadım.