Есть вот такой код.... Код (Text): <html> <body> <table> <tr> <td>GGGGGGGGGGGGGGGGGGGGGGGGGGGGGG</td> </tr> </table> <table> <tr> <td>WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW</td> </tr> </table> <table width="100%"> <tr> <td width="100%" style="background-color: #FFFFCC; font-size: 12px;"><img height="3" width="3" src="topbar_data/blank_w3_h3.gif"></td> <td> </td> </tr> </table> </body> </html> Вроде как все работает, только если уменьшить экран(так чтобы появился скролл), то в нижней таблице полоса не доходит до конца скролла, она останавливается на границе браузера и видимой части браузера(то что видно только после скролла). Надо чтобы эта полоса ушла до самого конца.....
HTML: <html> <body> <table> <tr> <td>GGGGGGGGGGGGGGGGGGGGGGGGGGGGGG</td> </tr> </table> <table width="100%"> <tr> <td>WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW</td> </tr> <tr> <td style="background-color: #FFFFCC; font-size: 12px;"><img height="3" width="3" src="topbar_data/blank_w3_h3.gif"></td> <td> </td> </tr> </table> </body> </html>
А чтобы 3 таблички оставить?, а то там такая жопа, если делать так...Тут код упрощенный, надо именно 3 тэйбла. ЗЫ: Этот вариант я рассматривал.
Для тянущихся вещей лучше использовать background-image & background-repeat. Если это обычные полоски, лучше использовать div or border.