Макет, который я ищу, - это один столбец статической длины слева, один столбец статической длины справа и средний столбец, растягивающийся для заполнения оставшегося пространства. Поэтому столбцы слева и справа должны оставаться одинакового размера независимо от изменения размера. У каждого из этих столбцов есть свой собственный элемент div, ниже я приведу код. Как я могу заставить это работать? Проблема в том, что iframe не растягивается, чтобы соответствовать оставшейся ширине. Спасибо!
HTML:
<div id="LeftColumn"></div>
<iframe id="ifrm"></div>
<div id="RightColumn"></div>
CSS:
iframe#ifrm {
position: fixed;
top: 3px;
left: 210px;
right: 140px;
height: 98%;
}
div#LeftColumn {
padding: 3px;
position: fixed;
top: 3px;
left: 3px;
border: 1px solid #494949;
background-color: #EEEEEE;
width: 200px;
height: 97.5%;
}
div#RightColumn {
position: fixed;
right: 3px;
border: 1px solid #494949;
background-color: #EEEEEE;
width: 140px;
height: 98%;
}