Подтвердить что ты не робот

CSS Layout 2-Column fixed-fluid

Мне было интересно, если бы у кого-то был довольно простой учебник для следующего 2-х столбчатого макета css. Левый фиксированный столбец и столбец содержимого жидкости с верхним и нижним колонтитулом и равными высотами столбцов.

4b9b3361

Ответ 1

Попробуйте этот макет Dynamic Drive и его родственников (на что я был указан по аналогичному вопросу).

Ответ 2

На самом деле существует еще более простое решение, которое я обнаружил не так давно. Хорошо работает в IE7. #fluid div будет перемещаться рядом с фиксированным исправлением и занять оставшееся пространство, сохраняя при этом отличную текучесть для всех чувствительных сайтов.

http://jsfiddle.net/uEj55/1/

#fixed{
  width:150px;
  float:left;
}
#fluid{
  overflow:hidden;
}

Ответ 3

Тот, который я использую, это хак-хаус faux-column, который не содержит скриптов.

Вот учебник, представляющий собой простое объяснение концепции: dustinbrewer.com

Здесь оригинальная статья alistapart.com, которую я узнал из: alistapart.com

Удачи!