Dynamicznie rozciągająca się ramka

[Spooler]

Witam.
Schemat mojej strony jest bardzo prosty.
<div id=top>
<div id=logo></div>
<div id=menu></div>
<div id=ramka><iframe...></div>
</div>

Jak klikam coś w menu zostaje wyświetlone w ramce - to wiadomo, jednak kiedy zawartość ramki jest większa niż wysokość strony (top) pojawia się kolejny scroll w środku. Jak to zmienić? Chciałbym aby był tylko jeden scroll a w zależności od treści wszystko ma się rozciągać.
Czy jest taka opcja?
Dzięki pozdrawiam serdecznie!

[jamart]

a to musi być <iframe ... > ??
sam div by się rozciągnął

[Spooler]

Nie musi być iframe ale jeśli nie iframe będę musiał przeładować całą strone za każdym kliknięciem?

[jamart]

niekoniecznie.
możesz załadować stronę za pomocą javascript

Kod: Zaznacz cały

<script>
function zaladuj(url) {
  $.post(url, {ewentualne parametry - opcjonalne}, function(data) {
     $("#wynik").html(data);
  })
}
</script>

<ul>
  <li onclick="zaladuj('link')"> link do strony</li>
</ul>

<div id="wynik"> </div>

do div o id "wynik" załaduje się wynik (data) po wykonaniu zapytania do adresu podanego w parametrze. (http://api.jquery.com/jQuery.post/)

Oczywiście przeglądarka musi obsługiwać javascript (ale to już raczej standard).
Div rozciągnie się zawsze jeżeli nie ma z góry narzuconej wysokości w stylach natomiast z tego co wiem (bo raczej nie używam) to iframe jest zawsze stały.

[jamart]

Co do ramek - dobrze wiedzieć - ale to też jest js.

A tak to też uważam że nie ma co na siłę ładować js gdzie nie jest to konieczne - ale to już zależy od indywidualnych wymagań.