здравствуйте. есть задача: требуется растянуть фоновые изображения при масштабировании по высоте. по ширине проблем нет, я сделала их плавно переходящими друг в друга при уменьшении страницы, а вот в высоту после определенного уменьшения, начинают повторятся. сайт без использования div, только таблица. <html> <head> <title>текст</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- Slices (pract_sait.psd) --> <table class="webstr" id="________01" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2" class="top" width="950" height="196"> <img class="logo" src="logo/logo.png" width="135" height="135" border="0"> </td> </tr> <tr> <td colspan="2" class="nav" width="950" height="50"> <A href="main.html" TARGET="glavn">Главная</A> <A href="rosatom.html" TARGET="glavn">РОСАТОМ</A> <A href="atomen.html" TARGET="glavn">текст</A> <A href="struct.html" TARGET="glavn">текст</A> </td> </tr> <tr> <td colspan="2" class="toptwo" width="950" height="34"> </td> </tr> <tr width="950" height="670"> <td colspan="1"> <IFRAME SRC="MAIN.HTML" NAME="glavn" WIDTH="99%" height="700" FRAMEBORDER=NO></IFRAME> </td> <td width="25%" colspan="1"> <img src="images/pract_sait_09.gif" width="234" height="51" alt=""> <p class="info">текст</p> </td> </tr> <tr> <td colspan="2" class="copir" width="950" height="50"> </td> </tr> </table> <!-- End Slices --> </body> </html> body {margin:0px; padding:0px; font-family: Tahoma, Book Antiqua, Arial, Sans-serif; } p{ text-indent: 5%; font-size: 14px; font-family: Tahoma; text-align: justify; padding-left: 10px; padding-right: 5px; } h4{ padding-left: 10px; font-family: Tahoma; } li{ font-size: 14px; font-family: Tahoma; text-align: justify; padding-left: 65px; padding-right: 5px; } a{ color:ffffff; font-weight: bold; font-family: Tahoma; font-size: 16px; } p.info{ text-indent: 3%; padding-right: 11px; padding-left: 1px; text-align: justify; font-size: 12px; font-family: Tahoma, } img.logo{ padding-top: 25px; padding-left: 55px; } img.rosat{ padding-left: 10px; padding-bottom: 5px; padding-right: 10px; float: left; } img.shem{ padding-left: 10px; padding-right: 10px; display: block; margin-left: auto; margin-right: auto; } body.glavn { border-collapse: collapse; background-color: #ffffff;} html, body { margin:0px; padding:0px; } table.webstr { border-collapse: collapse; width: 100%; height: 100%; } td { border-collapse: collapse; padding: 0px; } td.top { background: url(images/pract_sait_01.gif); width: 20%; } td.nav{ width: 5%; padding-top: 15px; padding-left: 15px; background-image: url(images/pract_sait_022.gif); } td.toptwo { width: 4%; background-image: url(images/pract_sait_03.gif); } td.text { width: 67%; height: 100%; } td.copir{ width: 5%; background-image: url(images/pract_sait_05.gif); } body, input, select, textarea { background-color: #ffffff; } td, input, select, textarea { font-family: Tahoma; color: #000000; vertical-align: top; }
