. 1.
. 1. table-layout
(Firefox 3+, Internet Explorer 8+, Chrome Safari) (. 2).
. 2. Safari
overflow scroll. , - , <td>. <div> ( 3). , .
3.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <style type="text/css"> TD DIV { overflow: scroll; /* */ width: 200px; /* */ } </style> </head> <body> <table width="100%" cellspacing="0" cellpadding="4" border="1"> <tr> <td width="200"><div><img src="images/dino.gif" width="289" height="120" alt=""></div></td> <td>...</td> </tr> </table> </body></html>. 3.
. 3. overflow
, . , , , . , , . , , , - , .
<td bgcolor="#ffcc00"></td>, , , , ( ). , 12 , - . , , - .
|
|
. .
, , , , . 30 .
1 | 2 |
3 | |
4 |
4.
4.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> </head> <body> <table width="300" border="1" align="center" cellpadding="4" cellspacing="0"> <tr> <td width="94" height="30" bgcolor="#ffcc33"> 1</td> <td width="184" rowspan="2" valign="top"> 2</td> </tr> <tr> <td valign="top"> 3<br><br></td> </tr> <tr bgcolor="#cccccc"> <td colspan="2" height="30"> 4</td> </tr> </table> </body></html>, . .
, . , .
- , . , .
, . , , , , . , . , , , .
, ( 100 ). , table-layout, .
|
|
, , , ( , ), . , .
, , . width <table> width, <td> ( 1).