Uzun olan kutunun altındakini kaydırması

31.03.2014 17:36

brown WM Aracı Kullanıcı

Üyelik 28.10.2013
Yaş/Cinsiyet 25 / E
Meslek öğrenci
Konum İstanbul Avrupa

Ad Soyad H** E**
Mesajlar 1748
Beğeniler 385 / 385
Ticaret 27, (%96)

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;



Deneme VideoEğlence
Deneme Açıklama.

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?

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

Deneme VideoEğlence
Deneme Açıklama.

Deneme VideoEğlence
Deneme Açıklama.

Deneme VideoEğlence
Deneme Açıklama.

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

01.04.2014 16:59

#2

AliKoklu0 Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 26.01.2014
Yaş/Cinsiyet 28 / E
Meslek Web Master
Konum Kırşehir

Ad Soyad A** K**
Mesajlar 78
Beğeniler 14 / 12
Ticaret 0, (%0)

Deneme açıklama diye yazdığın yere width değeri verdin mi ?

01.04.2014 17:03

#3

brown WM Aracı Kullanıcı

Üyelik 28.10.2013
Yaş/Cinsiyet 25 / E
Meslek öğrenci
Konum İstanbul Avrupa

Ad Soyad H** E**
Mesajlar 1748
Beğeniler 385 / 385
Ticaret 27, (%96)

AliKoklu0 adlı üyeden alıntı

Deneme açıklama diye yazdığın yere width değeri verdin mi ?

Evet verdim. Bunlarda oraların kodları;

.label {float:right;margin-right: 5px;padding: 2px;border-radius: 2px;background:#10a9e9;}

.st {padding: 5px;width:250px;margin: auto;font-size: 12px;}

.des {width:244px;font-size:12px;float:right;}

01.04.2014 17:05

#4

AliKoklu0 Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 26.01.2014
Yaş/Cinsiyet 28 / E
Meslek Web Master
Konum Kırşehir

Ad Soyad A** K**
Mesajlar 78
Beğeniler 14 / 12
Ticaret 0, (%0)

brown adlı üyeden alıntı

Evet verdim. Bunlarda oraların kodları;

.label {float:right;margin-right: 5px;padding: 2px;border-radius: 2px;background:#10a9e9;}

.st {padding: 5px;width:250px;margin: auto;font-size: 12px;}

.des {width:244px;font-size:12px;float:right;}

width demişsim pardon height diyecektim.O deneme açıklamanın bulunduğu dış div e height değeri belir bir 60px falan de ona göre dön buraya

01.04.2014 17:07

#5

brown WM Aracı Kullanıcı

Üyelik 28.10.2013
Yaş/Cinsiyet 25 / E
Meslek öğrenci
Konum İstanbul Avrupa

Ad Soyad H** E**
Mesajlar 1748
Beğeniler 385 / 385
Ticaret 27, (%96)

AliKoklu0 adlı üyeden alıntı

width demişsim pardon height diyecektim.O deneme açıklamanın bulunduğu dış div e height değeri belir bir 60px falan de ona göre dön buraya

Yaptım, öyle oluncada yazı kutudan taşıyor. Yani kutu yazıyı kapsamıyor, yazı alttaki kutunun üzerine çıkıyor.

01.04.2014 17:09

#6

AliKoklu0 Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 26.01.2014
Yaş/Cinsiyet 28 / E
Meslek Web Master
Konum Kırşehir

Ad Soyad A** K**
Mesajlar 78
Beğeniler 14 / 12
Ticaret 0, (%0)

brown adlı üyeden alıntı

Yaptım, öyle oluncada yazı kutudan taşıyor. Yani kutu yazıyı kapsamıyor, yazı alttaki kutunun üzerine çıkıyor.

Tamam dur yazıyı hallederiz divler normal istediğin gibi oluyor mu ?

01.04.2014 17:10

#7

brown WM Aracı Kullanıcı

Üyelik 28.10.2013
Yaş/Cinsiyet 25 / E
Meslek öğrenci
Konum İstanbul Avrupa

Ad Soyad H** E**
Mesajlar 1748
Beğeniler 385 / 385
Ticaret 27, (%96)

AliKoklu0 adlı üyeden alıntı

Tamam dur yazıyı hallederiz divler normal istediğin gibi oluyor mu ?

Evet, fırlatmıyorlar birbirlerini.

01.04.2014 17:12

#8

AliKoklu0 Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 26.01.2014
Yaş/Cinsiyet 28 / E
Meslek Web Master
Konum Kırşehir

Ad Soyad A** K**
Mesajlar 78
Beğeniler 14 / 12
Ticaret 0, (%0)

brown adlı üyeden alıntı

Evet, fırlatmıyorlar birbirlerini.

height girdiğin dive overflow:hidden; kodunu eklermisin bir dene ama bu kod yazının bir bölümünü keser haberin olsun.

1 kişi bu mesajı beğendi.

01.04.2014 17:15

#9

brown WM Aracı Kullanıcı

Üyelik 28.10.2013
Yaş/Cinsiyet 25 / E
Meslek öğrenci
Konum İstanbul Avrupa

Ad Soyad H** E**
Mesajlar 1748
Beğeniler 385 / 385
Ticaret 27, (%96)

AliKoklu0 adlı üyeden alıntı

height girdiğin dive overflow:hidden; kodunu eklermisin bir dene ama bu kod yazının bir bölümünü keser haberin olsun.

Yazıyı kessin ya önemli değil, çok teşekkürler :) .

01.04.2014 17:16

#10

AliKoklu0 Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 26.01.2014
Yaş/Cinsiyet 28 / E
Meslek Web Master
Konum Kırşehir

Ad Soyad A** K**
Mesajlar 78
Beğeniler 14 / 12
Ticaret 0, (%0)

brown adlı üyeden alıntı

Yazıyı kessin ya önemli değil, çok teşekkürler :) .

Sorun çözüldüğüne sevindim.Benim için zevkti. :)

Uzun olan kutunun altındakini kaydırması

Üye Girişi Yap