Здравствуйте! Помогите, пожалуйста, понять смысл этого кода Html: <body> <div id="container"> <div id="header">шапка</div> <div id="wrapper"> <div id="content">содержимое</div> </div> <div id="menuGr">меню1</div> <div id="menuBb">меню2</div> <div id="footer">информация</div> </div> </body> Css: html,body{ margin:0; padding:0; } #wrapper{ float:left; width:100%; } #content{ margin: 0 25%; } #menuGr{ background:#7F120D; float:left; width:25%; margin-left:-100%; } #menuBb{ background:#0404EE; float:left; width:25%; margin-left:-25%; } #footer{ background: #333; color: #FFF; clear:left; width:100%; } Интересует построение каркаса сайта. Как я думаю: Создается див с шапкой див "wrapper" "прилипает" к левому краю внутри дива "wrapper" "content" выравнивается по атрибуту margin: 0 25% т.к. содержимое of "wrapper" занялo не всё пространство, то "menuGr" встает слева от "content" "menuGr" получает атрибут margin-left:-100% зачем? И что это значит? т.к. "menuGr" и "content" заняли 3/4 пространства, то "menuBb" занимает оставшееся с атрибутом float:left и margin-left:-25% зачем? И что это значит? В самом конце встает "footer" с атрибутом clear:left, который отменяет обтекание Прошу объяснить, как можно подробней. Заранее спасибо
