Как сделать размер IFRAME размером с контейнер? - PullRequest
Новая
       24

Как сделать размер IFRAME размером с контейнер?

2 голосов
/ 26 января 2010 
<td width="120" valign="top" height="100%">
   <iframe src="menu.php" width="100%" height="100%" frameborder="0">
   </iframe>    
</td>

Этот код всегда дает размер iFrame по умолчанию в моем браузере (такой же как: 

<iframe src="menu.php">
</iframe>

) Я хочу, чтобы IFrame получил размер ячейки контейнера.

Я знаю, что могу использовать PHP для включения файла в это место, но я хочу создать длинное меню с полосами прокрутки. Было бы неплохо и другое решение, потому что лично мне не нравятся IFrames.

Спасибо

Yvan

Edit: Теперь у меня есть это, и оно не отображает div: 

<html> 
<head > 
    <title>Untitled Page</title> 
    <style type="text/css"> 
        .scroller { height:100%; overflow:auto; }
    </style> 
</head> 
<body style="background-color: #7C70DA; font-family: Fixedsys, Courier, Courier New; text-align:center; vertical-align:center;"> 
    <center> 
        <div style="position:absolute; left: 40px; right:40px; top: 40px; bottom:40px; background-color: #3931A5; vertical-align:middle; color: #7C70DA "> 
            <table border="0"> 
                <tr> 
                    <td width="160" valign="top" height="100%"> 
                        <div class="scroller"> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 
                            Lipsum <br /> 

                        </div>  
                    </td> 
                    <td width="100%" valign="top"> 

                    </td> 
                </tr> 
            </table> 
            <br /> 
            (c) YVAN JANSSENS 2010      </div> 
    </center> 
</body> 
</html>

Ответы [ 2 ]

3 голосов
/ 26 января 2010

Вы можете поместить содержимое меню в элемент div, установить высоту элемента div и значение переполнения в автоматический режим или прокрутку. В качестве примечания я хотел бы призвать вас отказаться от использования таблиц в HTML и вместо этого рассмотреть CSS-структуру, такую ​​как 960 Grid System для ваших макетов. 

.scroller { height:500px; overflow:auto; }

- 

<div class="scroller">
  <ul>
    <li>Options</li>
    <li>Options</li>
    <li>Options</li>
    <li>Options</li>
    <li>Options</li>
    <li>Options</li>
  </ul>
</div>
1 голос
/ 26 января 2010

Во второй попытке вам нужно вытащить .scroller div из таблицы, тогда он работает, по крайней мере, в Firefox 3.6.

В любом случае, div показывается. Какой браузер вы используете?

Я бы также объявил тип документа.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...