Быстро схватываете) Грех не помочь)
Вот так:
Или даже вот так:Код:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> * {margin: 0px; padding: 0px;} #sidebar {background: #FFFFCC; width: 300px; float: left;} #content {margin-left: 300px;} #left {background: #CCFFFF; width: 50%; float: left;} #right {background: #FFCCFF; width: 50%; float: right;} * html #right {margin-right: -1px;} </style> </head> <body> <div id="sidebar"> ****Текст фиксированного столбца Текст фиксированного столбца Текст фиксированного столбца Текст фиксированного столбца </div> <div id="content"> ****<div id="left"> *Текст первого тянущегося столбца Текст первого тянущегося столбца Текст первого тянущегося столбца Текст первого тянущегося столбца Текст первого тянущегося столбца Текст первого тянущегося столбца ****</div> ****<div id="right"> *Текст второго тянущегося столбца Текст второго тянущегося столбца Текст второго тянущегося столбца Текст второго тянущегося столбца Текст второго тянущегося столбца Текст второго тянущегося столбца Текст второго тянущегося столбца ****</div> </div> </body> </html>
Выбор варианта зависит от тех целей, которые Вы будете преследовать в дальнейшем...Код:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> * {margin: 0px; padding: 0px;} #sidebar {background: #FFFFCC; width: 300px; float: left;} #content {width: 100%; margin-left: -300px; float: right; overflow: hidden;} #main {margin-left: 300px;} #left {background: #CCFFFF; width: 50%; float: left;} #right {background: #FFCCFF; width: 50%; float: right;} * html #right {margin-right: -1px;} </style> </head> <body> <div id="sidebar"> ****Текст фиксированного столбца Текст фиксированного столбца Текст фиксированного столбца Текст фиксированного столбца </div> <div id="content"> ****<div id="main"> *<div id="left"> *****Текст первого тянущегося столбца Текст первого тянущегося столбца Текст первого тянущегося столбца Текст первого тянущегося столбца Текст первого тянущегося столбца Текст первого тянущегося столбца *</div> *<div id="right"> *****Текст второго тянущегося столбца Текст второго тянущегося столбца Текст второго тянущегося столбца Текст второго тянущегося столбца Текст второго тянущегося столбца Текст второго тянущегося столбца Текст второго тянущегося столбца *</div> ****</div> </div> </body> </html>



