Я работаю с простым макетом на основе таблицы, который использует iFrames, как показано в примере ниже. Этот код хорошо отображается во всех современных браузерах. Фреймы обычно заполняются длинными таблицами данных, но нет странного поведения или отсечения.
Меня беспокоит, что это выглядит как очень плохой взлом для меня. Макет на основе таблиц отвлекает внимание, если я беспокоюсь об устаревании всех атрибутов width = "100%" height = "100%" для тегов HTML и iFrame ?
Я знаю, что CSS может делать большинство, если не все, но я не хочу использовать плавающие взломы, и я не смог найти что-то, что работает во всех современных браузерах.
Чтобы было ясно, я ищу мнения и предложения относительно того, является ли это решение адекватным в течение следующих нескольких лет, или я должен идти дальше и углубляться в хаки CSS.
Спасибо за любые отзывы.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
html, body
{
height: 100%;
margin: 0px;
}
-->
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td colspan="2"><div align="center">This is the header.</div></td>
</tr>
<tr>
<td height="100%">
<iFrame src="pane1.php" width="100%" height="100%" frameborder="0"></iframe>
</td>
<td height="100%">
<iFrame src="pane2.php" width="100%" height="100%" frameborder="0"></iframe>
</td>
</tr>
<tr>
<td colspan="2">This is the footer.</td>
</tr>
</table>
</body>
</html>