Здравствуйте, есть двухколоночный макет с прижатым футером <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Верстка</title> <style type="text/css"> html, body {margin:5;height:100%;} #wrapper { height:auto !important; height:100%; min-height:100%; min-width:800px; } #header { height:200px; } #left { float:left; width:200px; } #right { top: 0px; margin-left:200px; } #spacer { height:100px; } #footer { height:100px; margin-top:-100px; } .clear {clear:both;} </style> </head> <body> <div id='wrapper'> <div id='header'> <!-- Содержимое хэдэра --> </div> <div id='container'> <div id='left'><!-- Меню --> </div> <div id='right'><!-- Основной контент --> </div> </div> <div class='clear'></div> <div id='spacer'></div> </div> <div id='footer'> <!-- Содержимое футера --> </div> </body> </html> Подскажите что надо поправить в css, чтобы внешний вид макета не поменялся, а в коде колонки поменялись местами, т.е. для поисковых машин хорошо поднимать Основной контент повыше, а все остальное потом, в моем случае в левой колонке меню и хочу что бы в коде оно размещалось под основным контентом. <div id='right'><!-- Основной контент --> </div> <div id='left'><!-- Меню --> </div> Спасибо