Как я могу добиться сложного макета CSS? - PullRequest
4 голосов
/ 06 июня 2010

У меня есть страница здесь . Существует панель содержимого и панель содержимого. Я хотел бы центрировать содержимое и переместить панель содержимого в верхний правый угол. Такое поведение уже работает.

Однако , макет не работает так, как хотелось бы, когда страница сокращена. В идеале контент должен быть помещен в правую часть экрана, и между контентом и контентом должен сохраняться разрыв 5px. В настоящее время, однако, содержимое просто перекрывает содержимое, что на самом деле не то, что я хочу.

Возможна ли такая раскладка без использования javascript?

Редактировать: Вы можете заметить полосу прокрутки на краю страницы. Эта полоса прокрутки является не полосой прокрутки body, а div#main, причина в том, что я не хочу, чтобы содержимое прокручивалось вместе со страницей.

Ответы [ 3 ]

3 голосов
/ 06 июня 2010

Это не просто минимальная ширина. Мне удалось добиться макета, выполнив следующее:

Для #main добавить (настроить значения в соответствии с вашими потребностями):

  • минимальная ширина: 950 пикселей;

Для #contents добавить:

  • float: right;
  • margin-top: 5px;
  • margin-right: 20px;

Для #contents ol удалить:

  • положение
  • право
  • сверху
3 голосов
/ 06 июня 2010

Я считаю, что это достижимо при использовании свойства min-width вашего контейнера. ожидайте проблем с ie6, хотя. он не распознает объявление минимальной ширины.

0 голосов
/ 06 июня 2010

Я рекомендую вам взглянуть на YUI CSS Grid для решения подобных проблем в будущем. Смотри http://developer.yahoo.com/yui/2/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...