Верстаю сайт, по задумке должно быть так:
Слева 3 строки из которых сам по себе растягивается по высоте лишь нижний, в центре основная часть и с права еще 2 строки из которых опятьже растягиваться должен лишь нижний. Ну и в низу отдельно строка с копирайтами и т.д.
После попытки заполнения основной части заметили, что при большом объеме растягиваются все 3 строки слева и обе строки справа.
При этом растягиваются они только в IE, во всех остальных браузерах все отображается правильно.
Подскажите пожалуйста, в чем моя ошибка и как её исправить.
Скрин не выкладываю, т.к. он уж очень здоровым получается.
Собственно полный код страницы, без наполненой основной части, т.к. она очень громоздкая:
Код:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> *<title></title> *<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> *<style type="text/css"> * .copyright{ *font-family: Tahoma, Arial, sans-serif; *font-size: 11px; *color: #FFFFFF } *.msknews{ *font-family: Arial, Helvetica, sans-serif; *font-size: 10px; *margin-left: 3px } *.smalltab{ *color: #FFFFFF; *height: 18px; *width: 138px; *position: absolute; *font-family: Tahoma, Arial, sans-serif; *font-size: 12px; *text-decoration: none } *.smalltab:hover{ *background-color: #000000; *color: #FFFFFF; *height: 20px; *width: 138px; *position: absolute; *text-decoration: none } *.smalltab1{ *color: #FFFFFF; *height: 18px; *width: 137px; *position: absolute; *font-family: Tahoma, Arial, sans-serif; *font-size: 12px; *text-decoration: none } *.smalltab1:hover{ *background-color: #000000; *color: #FFFFFF; *height: 20px; *width: 137px; *position: absolute; *text-decoration: none } *.bigtab{ *color: #FFFFFF; *text-decoration: none; *font-family: Tahoma, Arial, sans-serif; *font-size: 20px; } *img{ * *border: 0; *} *td{ *font-family: Tahoma, Arial, sans-serif; *font-size: 11px } *a{ *color: #000000 } *.rub{ *width: 130px; *font-size: 11; *font-weight: bold } *.rubart{ *margin-left: 15px; *margin-right: 5px; *margin-bottom: 5px; *color: #5B5942 } *.novosti{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/black/news_bl.gif) } *.novosti:hover{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/red/News.gif) *} *.five{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/black/5_bl.gif) } *.five:hover{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/red/5.gif) } *.tochka{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/black/tochka_bl.gif) } *.tochka:hover{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/red/Tochka.gif) } *.praktikum{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/black/practicum_bl.gif) } *.praktikum:hover{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/red/practicum.gif) } *.person{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/black/persona_bl.gif) } *.person:hover{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/red/persona.gif) } *.mnenie{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/black/mnenie_bl.gif) } *.mnenie:hover{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/red/mnenie.gif) } *.dialogue{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/black/dialogi_bl.gif) } *.dialogue:hover{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/red/dialogi.gif) } *.fun{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/black/udovolstvia_bl.gif) } *.fun:hover{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/red/udovolstvia.gif) } *.legend{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/black/legenda_bl.gif) } *.legend:hover{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/red/legenda.gif) } *.smoke{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/black/kurilka_bl.gif) } *.smoke:hover{ *width: 128px; *height: 11px; *text-decoration: none; *background-image: url(Rubr/red/kurilka.gif) } *</style> </head> <body style="background-image: url(img/bgpn.jpg); margin-left: 0; margin-top: 0; margin-bottom: 0"> <table border="0" cellpadding="0" cellspacing="0" style="height: 100%"> <tr><td valign="top" style="height: 286px; background-image: url(img/msknews/cbg.jpg); background-position: left; background-repeat: repeat-y">[img]img/stand_top.jpg[/img] [img]img/stand_left.jpg[/img][img]img/oblojka.jpg[/img][img]img/stand_right.jpg[/img] [img]img/stand_bottom.jpg[/img] </td> <td rowspan="3" valign="top" style="width: 100%;height: 100%;"><table cellpadding="0" cellspacing="0" border="0" style="height: 100%"> <tr><td colspan="3" valign="top" style="background-color: #E7E4D3;height: 250px">[img]img/logo.jpg[/img]</td> <td rowspan="3" style="background-repeat: repeat-y; height: 100%; width: 55px" valign="top"><table cellspacing="0" cellpadding="0" border="0" style="color: #33CC33; height: 100%"> <tr><td>[img]img/rborder_1.gif[/img]</td></tr> <tr><td style="background-image: url(img/rb4.gif); background-position: left; background-repeat: repeat-y; height: 100%"></td></tr> <tr><td>[img]img/rb2.gif[/img]</td></tr> </table></td></tr> <tr><td rowspan="2" style="background-color: #E7E4D3; background-image: url(img/news/bg.gif); background-position: bottom; background-repeat: repeat-x;width: 487px; height: 100%" valign="top" align="center"><div style="margin-top: 15px; margin-bottom: 15px;"> <div align="justify" style="margin-left: 16px; margin-right: 16px"> какой-либо текст </div> </td> <td rowspan="2" style="background-color: #E7E4D3; background-image: url(img/news/bg.gif); background-position: bottom; background-repeat: repeat-x;width: 9px; height: 100%" valign="bottom">[img]img/line.gif[/img]</td> <td style="background-color: #E7E4D3;width: 220px; background-image: url(img/otherbg.gif); background-position: bottom; background-repeat: repeat-x" valign="top"> <div style="margin-left: 15px;margin-right: 20px;margin-top: 15px;margin-bottom: 65px; font-family: Arial, Helvetica, sans-serif; font-size: 11px" align="left"> Рубрики: [Только зарегистрированные пользователи могут видеть ссылки. ] [Только зарегистрированные пользователи могут видеть ссылки. ] [Только зарегистрированные пользователи могут видеть ссылки. ] [Только зарегистрированные пользователи могут видеть ссылки. ] [Только зарегистрированные пользователи могут видеть ссылки. ] [Только зарегистрированные пользователи могут видеть ссылки. ] [Только зарегистрированные пользователи могут видеть ссылки. ] [Только зарегистрированные пользователи могут видеть ссылки. ] [Только зарегистрированные пользователи могут видеть ссылки. ] [Только зарегистрированные пользователи могут видеть ссылки. ] </div></td></tr> <tr><td style="background-color: #E7E4D3; background-image: url(img/news/bg.gif); background-position: bottom; background-repeat: repeat-x;width: 220px; height: 100%" valign="top" align="center"> <div style="margin-top: 6"><table cellpadding="0" cellspacing="0" border="0" style="width: 206px;height: 350px"> <tr><td colspan="2" style="background-image: url(img/opros/up.gif); height: 30px; background-repeat: no-repeat"></td></tr> <tr style="background-image: url(img/opros/bg.gif); background-repeat: repeat-y; background-position: left"><td style="width: 192px" valign="top"><div style="margin-left: 15; margin-top: 5"> Как вы проводите свои выходные дни? <form> <input type="radio" checked="checked" value="1" name="quest1" />Лежу на диване <input type="radio" value="2" name="quest1" />Тусуюсь в клубах с девчонками <input type="radio" value="3" name="quest1" />Уезжаю за город, на природу </form></div></td><td valign="bottom" style="background-image: url(img/opros/rbg.gif)">[img]img/opros/right.gif[/img]</td></tr> <tr><td colspan="2" style="background-image: url(img/opros/buttons.gif); height: 34px" align="right"></td></tr> <tr><td colspan="2" align="right" style="height: 13px">[img]img/opros/down.gif[/img]</td></tr> </table> </div></td></tr> </table></td></tr> <tr style="height: 100%;"><td valign="top" style="background-color: #E7E4D3; height: 100px;"><table border="0" cellspacing="0" cellpadding="0" style="height: 100%"> <tr><td colspan="3" style="height: 28px; background-image: url(img/msknews/cbg.jpg)"></td></tr> <tr><td valign="top" style="background-image: url(img/msknews/lbg.jpg)"></td><td rowspan="2" style="height: 100%;width: 193px; background-image: url(img/msknews/bg.gif); background-position: bottom; background-repeat: repeat-x; background-color: #E7E4D3"> * <div class="msknews" style="margin-bottom: 70px; height: 100%"> [Только зарегистрированные пользователи могут видеть ссылки. ] Источник: [Только зарегистрированные пользователи могут видеть ссылки. ] Хотя не все компании сделали это по своему желанию, ведь автомобильные папарацци рассекретили много новинок, сделав их мировые премьеры менее долгожданными и интересными. Итак, перед Вами основные новинки 2007 года. [img]ill/car1.jpg[/img] [img]ill/car2.jpg[/img] * </div></td> * <td valign="top" style="background-image: url(img/msknews/rbg.jpg)">[img]img/msknews/rup.jpg[/img]</td></tr> * <tr><td valign="bottom" style="background-image: url(img/msknews/lbg.jpg)">[img]img/msknews/ldown.jpg[/img]</td><td valign="bottom" style="background-image: url(img/msknews/rbg.jpg)">[img]img/msknews/rdown.jpg[/img]</td></tr> </table></td></tr> <tr><td><table border="0" cellspacing="0" cellpadding="0" style="height: 100%;"> * <tr><td colspan="3" style="height: 27px">[img]img/news/head.jpg[/img]</td></tr> * <tr><td valign="top" style="background-image: url(img/news/lbg.jpg)">[img]img/news/lup.jpg[/img]</td><td rowspan="2" style="width: 206px; background-image: url(img/news/bg.gif); background-position: bottom; background-repeat: repeat-x; background-color: #E7E4D3"> * * </td><td valign="top" style="background-image: url(img/news/rbg.jpg)">[img]img/news/rup.jpg[/img]</td></tr> * <tr><td valign="bottom" style="background-image: url(img/news/lbg.jpg)">[img]img/news/ldown.jpg[/img]</td><td valign="bottom" style="background-image: url(img/news/rbg.jpg)">[img]img/news/rdown.jpg[/img]</td></tr> </table></td></tr> <tr><td valign="bottom" colspan="2"> <table cellpadding="0" border="0" cellspacing="0"> <tr><td>[img]img/bottom_1.jpg[/img]</td> <td style="background-image: url(img/bottom_2.jpg); width: 211px" valign="top"> <div class="copyright" style="margin-top: 73px; margin-left: 15px">Почтовый адрес редакции: 101000, г. Москва, а/я 207</div> <div class="copyright" style="margin-top: 15px; margin-left: 15px">тел: +7(495) 284 44 37 E-mail: *nona@radiuscity. ru</div> </td> <td>[img]img/bottom_3.jpg[/img]</td> <td>[img]img/bottom_4.gif[/img]</td></tr></table></td></tr> </table> <div style="position: absolute; top: 76px; left: 27px"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="151" height="208" id="magroller" align="middle"> ****<param name="allowScriptAccess" value="sameDomain" /> ****<param name="allowFullScreen" value="false" /> ****<param name="movie" value="magroller.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />****<embed src="magroller.swf" quality="high" bgcolor="#ffffff" width="151" height="208" name="magroller" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="/go/getflashplayer" /> ****</object></div></body> </html>
, но прав по существу: ваша основная ошибка в том, что Вы верстаете в таблице. И воздалось вам по делам вашим 
кстате а табличками верстать - это теперь не модно штоль? (судя по реакции Aykroyd'а)