Верстаю сайт, по задумке должно быть так:
Слева 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">
Рубрики:
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
</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%">
[Only registered and activated users can see links. Click Here To Register...]
Источник: [Only registered and activated users can see links. Click Here To Register...]
Хотя не все компании сделали это по своему желанию, ведь автомобильные папарацци рассекретили много новинок, сделав их мировые премьеры менее долгожданными и интересными. Итак, перед Вами основные новинки 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>
