1. элементу div #container назначить ширину 100% и убрать padding
2. #header, #nav, #wrapper - ширину 970рх; margin:0 auto;
3. #footer - ширину 100%
Да нет никакой связи между позиционированием по горизонтали и высотой, т.е. высота никаким макаром не влияет.
wedoca, да это понятно, сам его забыл, просто в данном конкретном случае чет вспомнилось ;)
- глупости говорите, это работает во всех браузерах, даже в долбанном IE-6, ток подсказать ему надо.
А для вам высота? Она будет в зависимости от кол-ва контента.
body{max-width:1400px;margin:0px auto;min-width:1000px;min-height:100%;}
Ну вы же сами привели цитату:
- блок навигации - в нем никак места форме нет.
Примерный выход:
<div> <nav> <ul> <li><a href="/">Главная</a> </li> <li> <a href="catalog/">Каталог</a></li> <li><a href="prices/">Цены</a></li> <li><a href="contacts/">Контакты</a> </li> <li><a href="clients/">Клиентам</a></li> <li><a href="articles/">Статьи</a></li> <li><a href="jobs/">Вакансии</a></li> </ul> </nav> <form class="right_nav"> <input type="text" id="search" name="search" /> <input type="submit" value="Искать"/> </form> </div>
Позиционировать можно разными способами, это и float, и position:absolute. Все зависит от ваших фантазий.
В данном случае не стОит бояться применить элемент div, т.к. он и служит для объединения структурных элементов в один блок.
а с чего вы взяли. что переход на вторую строку будет с середины слова? Переход будет по пробелу между слов и, кстати, в вашем варианте переходит как положено. Только выставьте шрифт и его размер.
1. Какое отношение к блоку навигации имеет форма? Вынести за пределы блока.
2.
<nav> <ul> <li><a></li> </ul> </nav>
Форму же можно позиционировать рядом с блоком навигации всеми возможными способами. Зависит от окружающей структуры документа.
Для .up-menu-text li добавить: line-height:22px; **px
