Slm arkadaşlar.. Şu ara arayüzle uğraşıyorum ve div tag'ı içerisine attığım elementlere CSS ile 'float' gibi bir komut verdiğimde boyutlandırmadığım div'in dışına taşıyor bu elementler.. Bu konuda yardımcı olabilir misiniz bana.?
"Css ile tasarım yapıyorsunuz atıyorum bir blog tasarımı olsun. Yazı hiç boşluk olmadan uzayıp gidiyor normalde yazının bir dışındaki div’in boyutu ne kadarsa cümlede o kadar gidip aşağıya atlar ama bu aralarında boşluk olan cümleler için pekiye boşluk olmayanlar için? Kimin aklına hemen overflow:hidden komutu gelebilir ama bu sadece taşan yazının taşan kısmını göstermez hala getirir. Bunu şöyle bir çözümü daha var
word-wrap: break-word;
Css de bu komutu kullanarak yazınızın divinin dışına taşmasını engelleyebilirsiniz. Örnek olarak aşağıda bir link koydum tıklayarak çalışan halini görebilirsiniz." (alıntı)
1. tüm div lerde width değeri var fakat HEIGHT değeri yok. yükseklik değeri belirtmediğin içinde bir şekilde resimler kadar boyut değişiyor
2. div lerin taşma durumuna göre alacağı değerleri de CSS içinde belirtmen gerekiyor. (overflow:???) taşma varsa ne yapacak ? otomatik size değişecekmi? yada gizlieyecek mi bunu da belirtmen gerekiyor.
3. tavsiyem resim içinde ayrı bir div oluştur. onun değerlerini de belirt. çok daha düzenli bir yapı olur.
Resim için position:relative yerine float:left; özelliğini kullanın ve ayrıca yazıdan sonra örneğin <br style="clear:both;" /> şeklinde clear:both özelliği verilmiş bir etiket kullanın.
Arkadaşlar cevaplarınız için teşekkürler. Ancak söylediklerinizin çoğunu denedim. Sadece resim ve yazı olarak değil benim dediğim. Durumu şöyle anlatayım. Mesela bir div açtım width'i 100% ama height değeri yok, bunun içine iki tane daha div atıp float ile yanyana yaslamak istediğimde en dıştaki div diğer div'ler kendi içinde değilmiş gibi 0 height değeriyle kalıyor, içerideki div'lerle beraber büyümüyor.. Umarım daha açıklayıcı olabilmişimdir.