Верстка

NeoLynx

Новичок
Верстка

Извените за полуоффтопик.
Каждому приходиться верстать дезигн под код, вот за этим процессом у меня выполз баг с маштабированием, упростив код я пришел к ниже следующему.

Три строки по две колонки, вторая колонка должна быть единой с остальными.
Первые две строки должны быть в высоту 20 или в высоту букв.

PHP:
<table height="100%" width="100%" bgcolor="#FFFFFF">
<tr height="20"><td>Высота 20</td><td rowspan=3 width="100%"><br>j<br>j<br>j<br>j<br>j<br>j<br>j<br>j<br>jk<br>j<br>j<br>j<br>jk<br>j<br>j<br>j<br>j<br>j<br>j<br>j<br>j<br>j</td></tr>
<tr height="20" bgcolor="#66F5FF"><td>высота 20</td></tr>
<tr height="*" bgcolor="#F46552"><td>Все оставшееся пространство</td></tr>
</table>
Так вот этот код я пробовал с кучей вариантов, во всех броузерах выглядит по разному, причем добиться адекватного результата в опере или мазиле намного проще, чем в IE.
Ваше мнение?
 

KR

alive in new life
<table height="100%" width="100%" bgcolor="#FFFFFF">
<tr valign=top><td>
<table>
<tr height="20"><td>Высота 20</td></tr>
<tr height="20" bgcolor="#66F5FF"><td>высота 20</td></tr>
<tr height="*" bgcolor="#F46552"><td>Все оставшееся пространство</td></tr>
</table>
</td><td><br>j<br>j<br>j<br>j<br>j<br>j<br>j<br>j<br>jk<br>j<br>j<br>j<br>jk<br>j<br>j<br>j<br>j<br>j<br>j<br>j<br>j<br>j</td></tr>
</table>

хотя довольно сложно рассуждать о том, чего не видишь.
 

NeoLynx

Новичок
сработало... как я сразу не догодался...
Конечный вариант, то что нужно:
PHP:
<table height="100%" bgcolor="#FFFFFF">
<tr valign=top><td>
<table height="100%"><tr height="20"><td>Высота 20</td></tr>
<tr height="20" bgcolor="#66F5FF"><td>высота 20</td></tr>
<tr height="*" bgcolor="#F46552"><td>Все оставшееся пространство</td></tr>
</table>
</td>
<td width="100%"> asdas<br>j<br>j<br>j<br>j<br>j<br>j<br>j<br>j<br>jk<br>j<br>j<br>j<br>jk<br>j<br>j<br>j<br>j<br>j<br>j<br>j<br>j<br>j</td></tr>
</table>
Большое спасибо!
 
Сверху