Здравствуйте. Такой вопрос. Есть резиновый блок в нём ещё два (один из них не резиновый). Нужно чтоб эти два блока стояли рядом и полностью заполняли основной блок. Дело в том что первый блок имеет постоянную ширину например 100px, второй резиновый. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style type="text/css"> #main{ border:3px solid #000; position:relative; width:80%; height:150px; margin:0 auto; } #green{ border:2px solid #0F0; width:100px; height:140px; margin-top:3px; float:left; } #red{ border:4px solid #F00; width:; /*==========сколько?==========*/ height:138px; margin-top:2px; } </style> </head> <body> <div id="main"> <div id="green"></div> <div id="red"></div> </div> </body> </html> результат этого кода http://artemusenko.com.ua/test/test.html Пожалуйста помогите если этот вопрос можно решить средствами HTML и CSS