Я пытаюсь расположить кнопку вне ее контейнера (div), чтобы она оставалась видимой, если содержимое в контейнере прокручивается.
Пользователь видит объект, который ссылается на отдельный HTML страница, которая содержит небольшой скрипт, который выбирает случайную строку (цитату из Somebody Famous) из текстового файла.
Код для просмотра пользователем:
<div style="position:relative;padding-top:1.3em;padding-left:100px;">
<b>Quote-of-the-Moment</b>
<object type="text/html" data="./quotes.html" style="width:73%;overflow:auto;background-color:lightyellow;position:relative;padding-top:7px;height:150px;"></object>
</div>
Код для цитируемых "цитат" . html "
<script type="text/javascript" src="rantex.php"></script>
<div style="padding-top:10px;">
<input type='button' onclick='location.reload();' value='Get another quote' style="background:navy;color:white;padding-top:5px;padding-bottom:5px;border-radius: 8px;" />
</div>
Я пробовал" position: относительный; top: 50px "в определении div и в определении кнопки, но все, что нужно, это расположить кнопку ниже в контейнере, и он исчезает, когда извлекаемое содержимое «переполняется».
Я хочу, чтобы кнопка отображалась под контейнером, чтобы она оставалась видимой, когда указанная цитата вызывает отображение объекта, ссылающегося на «кавычки. html». полоса прокрутки. как это выглядит как я хочу