küçülünce aşağı satıra geçmeyen div

-2

float left olan yan yana iki div var. sayfa küçülüp ikisinin bulunduğu divi zorlamaya başlayınca soldaki küçülsün sağdaki sabit kalsın bunu nasıl yaparız. ikisini kapsayan div zorlanmaya başlayınca sağdaki divi aşağı satıra atıyor.

http://jsfiddle.net/NNpEq/

şuradaki gri renkli div gördüğünüz gibi bir alt satıra geçiyor ben soldaki yani sarı divi ittirmesini istiyorum

Anonim Anonim (156)
10 yıl önce sordu

  • soruyu sormuş cevabını almışsınız, cevap almamış olsanız elbette silebilirsiniz. İnsanlar burada başkalarınında faydalanması için içerik üretmeye çalışıyor. Sizin sorunuza cevap verip emek harcayanların suçu nedir? hakan 9 yıl önce
  • Soruyu soranın isteği üzerine soru sahipliği değiştirilmiştir. murat 9 yıl önce

Toplam 2 Cevap


0

<div id="tasiyici" style="width: 100%">    
    <div id="sag" style="background-color:blue; height: 100px;width: 200px; float: right;"></div>
    <div id="sol" style="background-color:aqua; height: 100px;"></div>
</div>

yukarıdaki kodu dener misiniz?

Çalışan HTML CSS kodu buradan görebilirsiniz.

alattin alattin (16999)
10 yıl önce cevaplandı

    0

    Sorununuza ilişkin aşağıdaki bulunan çözümü uygulayabilirsiniz.

    .tasiyici {
       width: 100%;
    }
    .sag{
       background-color:blue; 
       width: 250px; 
       height:150px;
       float: right; 
       overflow: auto;
    }
    .sol {
       background-color:yellow;
       height: 150px; 
       overflow: auto;
    }
    
    <div class="tasiyici">    
        <div class="sag">İnternet'teki tüm Lorem Ipsum üreteçleri önceden belirlenmiş metin bloklarını yineler. Bu da, bu üreteci İnternet üzerindeki gerçek Lorem Ipsum üreteci yapar. Bu üreteç, 200'den fazla Latince sözcük ve onlara ait cümle yapılarını içeren bir sözlük kullanır.
       </div>
       <div class="sol">Lorem Ipsum pasajlarının birçok çeşitlemesi vardır. Ancak bunların büyük bir çoğunluğu mizah katılarak veya rastgele sözcükler eklenerek değiştirilmişlerdir. Eğer bir Lorem Ipsum pasajı kullanacaksanız, metin aralarına utandırıcı sözcükler gizlenmediğinden emin olmanız gerekir. <br /> <br /> İnternet'teki tüm Lorem Ipsum üreteçleri önceden belirlenmiş metin bloklarını yineler. Bu da, bu üreteci İnternet üzerindeki gerçek Lorem Ipsum üreteci yapar. Bu üreteç, 200'den fazla Latince sözcük ve onlara ait cümle yapılarını içeren bir sözlük kullanır. <br /> <br />Bu nedenle, üretilen Lorem Ipsum metinleri yinelemelerden, mizahtan ve karakteristik olmayan sözcüklerden uzaktır. 1500'lerden beri kullanılmakta olan standard Lorem Ipsum metinleri ilgilenenler için yeniden üretilmiştir. Çiçero tarafından yazılan 1.10.32 ve 1.10.33 bölümleri de 1914 H. Rackham çevirisinden alınan İngilizce sürümleri eşliğinde özgün biçiminden yeniden üretilmiştir.
        </div>
    </div>
    
    

    Kodun demo halini görebilirsiniz

    ergin ergin (2539)
    10 yıl önce cevaplandı

      üyelik gerektirir

      Cevap yazabilmek için üye girişi yapmalısınız.

      Eğer uzmanim.net üyesiyseniz giriş yapabilirsiniz: üye girişi yap
      uzmanim.net'e üye olmak çok kolaydır: hemen kayıt ol