div de resim binmesi

[byRAM]

merhabalar arkadaşlar!

div içerisinde yer alan yazı boyutunca div sorunsuz uzamakta, fakat işin içine imaj girince aynı sonuca ulaşamıyorum.
FF ve IE de durum aynı.
ekte meramımı anlatmaya çalıştım.
1. örnekte imaj boyutu yazı çokluğu ile aynıysa veya küçükse hiç sorun olmuyor,
2. örnekteki gibi imajın boyutu daha büyükse aynen taşıyor.

işin aslı şu.
ana sayfada yeni eklenen blog tarzı, haber tarzı ASP scriptini div içerisine yerleştirdim. malum tablolardan kurtulma adına. <%=LEFT(yazi,500%> ve </div> dedikten sonra .movenext ve loop döngüsüyle diğer içerikleri yeni bir "yazi" id'li div atıyorum... bu gayet hızlı ve güzel işlemekte. ama belirttiğim gibi imaj büyük gelince taşma yapıyor. clear:both deyince de enteresan biçimde div uzadı gitti.. yaklaşık solda kalan menünün boyutları kadar uzadı.

fikriniz var mı?

[Junkie]

bunun için en dıştaki (kırmızı bg li div) için overflow:hidden; vermen yararlı olur sanırsam. o da olmassa height verebilirsin.

[byRAM]

Junkie, mesajından alıntı:

bunun için en dıştaki (kırmızı bg li div) için overflow:hidden; vermen yararlı olur sanırsam. o da olmassa height verebilirsin.

öncelikle ilgin için teşekkür ederim (cevap veren -başka forumlarda da- bulamadığım için...)

overflow:hidden; i denedim, sorunu çözdü fakat ardına bir sorun daha ekledi. kırmızı renkli div daraldı.

height verince de olmuyor, diğer altta kalan divlerde gereksiz boşluklar oluyor.

sorunum şöyle çözüldü; (tekrar tekrar saol junkie!)
kırmızılı div'e belirtildiği gibi overflow verdim. bu div margin-left:170px di ve width değerine gerek kalmıyordu.
overflow verince (nasıl oluyorsa artık) margin-left bir 170px daha sağa kaydı. bunu 10px yaptım, sonra da width değeri verdim div'e... cuk diye oturdu...

[abdagli]

bu benim de problemimdi.Gerçekten iyi oldu.Bu arada @byRAM sana tavsiyem bu tür döngülerde id yerine class kullanırsan w3c kurallarına uymuş olursun...

[byRAM]

@abdagli,
fakat bildiğim kadarıyla class bir defaya mahsus id ise istenildiği kadar kullanılıyordu... mu?
yanlış hatırlıyor olabilirim, düzeltiniz!

[byRAM]

düzeltme:

kırmızılı div'e belirtildiği gibi overflow verdim. bu div margin-left:170px di ve width değerine gerek kalmıyordu.
overflow verince (nasıl oluyorsa artık) margin-left bir 170px daha sağa kaydı. bunu 10px yaptım, sonra da width değeri verdim div'e... cuk diye oturdu...

şeklinde çözüm bulduğumu söylemiştim. yalan!
altta kalan divler sağa sola dağıldılar. olmadı yani. fakat kurcala, oyna mantığıyla overflow:hidden ifadesini junkie arkadaşımızın dediği gibi kırmızılı div class'ına değil de kırmızılı div'in p class'ına ekledim. başka hiçbirşeye gerek kalmadı... herşey halloldu.
tek sorun IE ile senkronizasyon...
neyse, tekrar teşekkürler junkie!

[atix]

Aynı problemi bende yaşıyorum.Overflow ile problemi halletim derken bir de internet explorer da test edince moralim bozuldu.
Daha sonra img tag'ından hemen sonra bir div açtım ve clear:both özelliği verince problem çözüldü.
Fakat ben sol tarafa bir div eklemek istediğim zaman yine problemle karşılaştım.Sol taraftaki kırmız div'in yüksekliği içeriğe göre değişiyor.
Gri div'in içindeki clear:both uygulanmış div,bu kırmızı div'den etkileniyor.Yani lırmızı div'in yükseliği artınca gri div'in yüksekliğide artıyor.
Benim istediğim gri div'in yükseliği sadece içindeki image yada metin'e göre değişmesidir.Umarım anlatabilmişimdir sorunumu.Şimdiden teşekkürler.

[Zerzevat Adam]

Id= Identity/Indis; özel kullanım, tek kullanım.
Class= Aynı amaçta kullanılan stillerin çoklu kullanımı.

[byRAM]

Id= Identity/Indis; özel kullanım, tek kullanım.
Class= Aynı amaçta kullanılan stillerin çoklu kullanımı.

aman aynı şeyleri konuşuyormuşuz ben de bunu söylemek istemiştim, ters söylemişim. ki benim divler de class içerisinde zaten.
@abdagli, zaten dediğin gibi, class kullanıyorum.

[HunTER]

Kırmızılı dıvde overflow:auto'yu dene bırde... ve dıv ıcın herhangı bır yukseklık verme..