Ну вот, так гораздо легче разобраться! У тебя, как у новичка, всё в общем отлично кроме может быть понимания свойства float:... Не знаю насколько понятно смогу объяснить, но попробовать - попробую Представь что в одном контейнере (в качестве контейнера возмём body) у тебя два элемента, первый из них div а следующий за ним span. Когда ты задаёшь float:left элементу div - элемент прижимается левым краем к левой стенке своего контейнера, и говорит следующему за сабой элементу -"прижмись левым боком к моему правому" или точнее -"обтекай мой правый край". Естественно что бы элемент span смог обтекать его справа он должен там поместится, иначе он просто расположится ниже элемента div если по габаритам не влезает, или вообще проигнорирует элемент div если своих габаритов нету (если размер span = 0px). Но ты не сможешь ничего никуда уместить если не знаешь их габариты. Вот и получается: Если body=100px div=70px span=30px то элемент span встанет справа от div Если body=100px div=100% span=30px то элемент span упадёт ниже div Если body=100px div=100% span=0px то элемент span встанет так как будто элемента div вообще нету. А если внутри span есть текст, то текст начнёт обтекать элемент div. Теперь по делу. Что бы текст в меню расположить по центру кнопок, уберал float у span и добаил правый padding. Не знаю какое назначение у элемента с классом bar но он перекрывает собой кнопки меню, уберал у .bar padding, поставил только margin. Добавил габариты к .footer и #rightcontent. Поставил float в .content. К навигации #rightcontent ты неправильно обращался в стилях, в место "div.rightcontent" нужно "div#rightcontent". Ещё в меню ширину заменил со 100% на 766px, иначе появлялся нижний скролбар. Теперь что бы в меню #rightcontent строки ссылок правильно располагались тебе нужно их уместить в свой контейнер, для этого проставь им нужные габариты и нужные margin padding для списка. p.s. Попробуй поставить себе https://addons.mozilla.org/ru/firefox/addon/1843/ в фаерфокс, очень удобно для отладки стилей! p.p.s. Чёто спойлер не пашет.