Фреймы в HTML фиксированной длины

У меня есть HTML-страница с тремя фреймами. Я указал размер фреймов как 150 пикселей, 300 пикселей и 150 пикселей.

Если я хочу изменить размер кадра 3-го на 500 пикселей, остальные 2 кадра станут меньше. Вместо этого я хочу, чтобы на странице появилась полоса прокрутки и рамки размером 150 пикселей, 300 пикселей, 500 пикселей соответственно.


html frame frameset
person Ashish Anand    schedule 29.08.2013    source источник

Ответы (4)


arrow_upward
0
arrow_downward

Вместо того, чтобы указывать размер в пикселях, например 150 пикселей, попробуйте указать его в процентах. Пример

<FRAMESET cols="20%, 80%">

Если вы хотите, чтобы фреймы располагались друг под другом, то есть вертикально, вы можете использовать атрибут rows набора фреймов.

person User007    schedule 29.08.2013
comment
Затем он разделит 100% страницы на два с 20 и 80. Он не будет добавлять полосу прокрутки. И мне нужны рамки фиксированного размера. - person Ashish Anand; 29.08.2013
comment
Я привел пример как 20, 80. Вы можете использовать в соответствии с вашими требованиями. А для вертикального разделения используйте rows = xx - person User007; 29.08.2013
comment
Предположим, нормальная страница имеет размер 300 пикселей. Мне нужны кадры размером 150 пикселей, 300 пикселей, 500 пикселей, а затем я хочу, чтобы страница увеличивалась (путем добавления полос прокрутки) и становилась равной 950 пикселей. - person Ashish Anand; 29.08.2013
comment
Затем в этом случае вы должны использовать только px, а для целей прокрутки просмотрите свойства тега Frameset, как упоминал @Leo - person User007; 29.08.2013
comment
Обратитесь к другому ответу, добавленному мной - person User007; 30.08.2013

arrow_upward
0
arrow_downward

Задайте ширину и высоту iframe в качестве стиля.

например: <iframe src="http://www.codeigniter.in" style="height:500px;width:500px;float:left;"></iframe>

person Leo T Abraham    schedule 29.08.2013

arrow_upward
0
arrow_downward

Решение состоит в том, чтобы использовать ‹iframe> вместо‹ frameset>.

< iframe class="one" src="one.html" >< /iframe >

Теперь мы можем изменять ширину и высоту с помощью этого класса.

person Ashish Anand    schedule 29.08.2013
comment
Да, iframe - лучший способ сделать это. Но вам нужно указать атрибут позиции в стиле для каждого кадра. В противном случае рамки будут размещены друг под другом, если они превышают ширину окна браузера и вы хотите горизонтальную прокрутку. - person User007; 05.09.2013

arrow_upward
0
arrow_downward

Если вы используете фреймы (функция HTML 5), вы можете указать позицию в стиле. Я написал для этого образец html-страницы, и он работает должным образом. Горизонтальная прокрутка с увеличением ширины фреймов работает как положено.

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <iframe width="150px"></iframe>
        <iframe width="300px"></iframe>
        <iframe width="2000px" style="position: absolute"></iframe>
    </body>
</html>

Перейдите по следующим ссылкам для position в стиле фреймов http://www.w3schools.com/cssref/pr_class_position.asp

person User007    schedule 30.08.2013
comment
Здесь вы можете добавить имя к каждому кадру и указать источник для каждого кадра. - person User007; 05.09.2013