iki sütun düzeni, sol col yüksekliği sağ col yüksekliği kısıtlar, bilmiyorum neden ...?

3 Cevap php

Biraz şaşırıp, bu html / css ve iframe'ler ile benim cahillik nedeniyle bulunuyor.

Temelde, benim menü LH sütun var. ve RH sütun evin benim içeriği. RH sütun bir iframe.

Sorun LH sütunun yüksekliği ile kısıtlı oluyor, ben iframe yüksekliği 100% eşit alınamıyor değildir.

See below; http://www.therussianfrostfarmers.com/

bu beni deli ediyor, onun düzeltmek için çok basit görünüyor.

Burada ilgili html bir kısmı var;

<div id='wrapper'>
          <div id='header'>
                 <img src="images/titleBart.gif" alt="rff"/>
          </div>

          <div id='menu'>
                 <div class='container'>
                          <%obj_itop%>
                          <plug:front_index />
                          <%obj_ibot%>
                 </div> 
          </div>    

          <div id='content'>
                          <!-- text and image -->
                          <plug:front_exhibit />
                          <!-- end text and image -->
          </div>

          <div class='clear-both'>
                 <!-- -->
          </div>
</div>

ve corrosponding CSS;

#wrapper { 
    margin: 0 auto;
    width:950px; 
    text-align: left; 
    background: #fff; 
    height:100% !important;
} 

.clear-both { clear: both; }

#content {
    width: 760px;
    margin: 20px 0 0 190px;
    padding:0;
    height: 100% !important;
    overflow: auto;
}

#menu {
    width: 170px;
    position:absolute; 
    margin:0;
    padding:0;
    overflow: auto;
}

.container {  
    margin:0;
    padding:0;
}

Herhangi bir yardım çok takdir,

teşekkürler kam

3 Cevap

IFrame javascript kullanarak resized gerekir - Eğer aşağıdaki gibi bir şey kullanarak oldukça kolayca yapabilirsiniz:

<body onload="resizeFrame(document.getElementById('myframe'))">

  <iframe id="myframe" src="http://www.example.com/foo.html" />

  <script type=”text/javascript”>
    function resizeFrame(f) 
    {
      // Get height of iframe once it has loaded content and then
      // use this for the iframe height in parent doc
      f.style.height = f.contentWindow.document.body.scrollHeight + “px”;
    }
  </script>

Yukarıdaki, iframe işlenmiş içeriği yüksekliğini değerlendirmek yüksekliğini almak ve sonra iframe kabın yüksekliği olarak kullanacak.

Lütfen çerçeveli bir içerik içeren sayfa olarak aynı etki açıksa yukarıda çalışır, unutmayın. Değilse, bir little trickier to get around, hangi nedeniyle same origin policy güvenlik kısıtlamaları içine edeceğiz!

Ben bu konuda% 100 emin değilim, ama ben dinamik iFrame boyutlandırmak için JavaScript kullanarak olmadan bunu yapmak için hiçbir yolu yoktur oldukça eminim. Varsa Ve muhtemelen kolay değildir.

Olabildiğince CSS açısından '100% 'sadece kadar yer kaplıyor çünkü oluyor of what is already on the page. Zaten bir sol sütun olduğundan,% 100 sadece bu sütunun boyutuna gidecek.

Tamam, ben iframe zaten uygulanmış JS fonksiyonu bu tür var inanıyorum;

<script type='text/javascript'>
function iframer() 
{ 
// get width of #content 
frame_x = $('#content').width(); 
// get height of #menu 
frame_y = $('#menu').height(); 

// apply height and width 
$('#iframed').css('width', frame_x); 
$('#iframed').css('height', frame_y); 
} 

$(document).ready( function() { iframer(); } );
$(window).resize( function() { iframer(); } );
</script>

<iframe src='$url' frameborder='0' id='iframed'></iframe>
EOH;

    return $iframe;

i% 50 # menü yüksekliğini değiştirmek ve BG gri ise o zaman onun daha kolay # menu div # content div yüksekliğini etkileyen nasıl görmek için.

http://www.therussianfrostfarmers.com/

etiketler