Столкнулся с такой проблемой (вроде все элементарно, но...): index.html <html> <head> <META HTTP-EQUIV="Page-Enter" CONTENT="BlendTrans(Duration=1.0)"> <meta http-equiv="content-type" content="text/html; charset=1251" /> <title>{$title}</title> <link href='style.css' rel='stylesheet' type='text/css' /> </head> <body bgcolor='#000000' text='#ffffff'> <div id='tbl_head'> <div id='tbl_td_head_l'>l</div> <div id='tbl_td_head_c'>c</div> <div id='tbl_td_head_r'>r</div> </div> </body> </html> style.css #tbl_head { background-color: #000000; background-image: url('column_wing_bg.png'); } #tbl_td_head_l { background-image: url('column_l_wing.png'); background-position: right; float: left; height: 95px; width: 25%; background-repeat: no-repeat; } #tbl_td_head_c { background-image: url('column_c_bg.png'); width: 631px; float: left; height: 95px; } #tbl_td_head_r { background-image: url('column_r_wing.png'); background-position: left; float: left; height: 95px; width: 25%; background-repeat: no-repeat; } Такой вариант меня при полностью развернутом окне вполне устраивает, НО при изменении размера правая и левая колонка, которые должны изменять свой размер вместе с окном (то бишь уменьшаться, если окно подрезают), вместо этого просто переходят на новую строку. Каким образом можно сцепить их (3 колонки) вместе так, чтобы то, что сказано выше не происходило?