CSS

Как в html сделать scrolling в div с помощью CSS

У некоторых студентов возникал вопрос как сделать в html блоке scrolling. Разберем этот несложный вопрос с разных сторон на примере div с текстом-рыбой.

Допустим у нас есть html-блок, к примеру div, в котором есть какое-то количество контента. Посмотрим в каком случае в нем появится scrolling.

Правильное кэширование скриптов и стилей

Есть очень простой и удобный способ подключать скрипты или стили к проекту, чтобы они кэшировались только когда это нужно, а при обновлении файла кэш сбрасывался. Это дописывание к uri файла get-параметром времени модификации файла.

Например:

<script type="text/javascript"
src="/js/script.js?cach=<?php print filemtime($_SERVER['DOCUMENT_ROOT'].'/js/script.js') ?>">
</script>

Работа с CSS: основы (часть 3)

Структура страницы

Вот и подоспела третья статья из цикла «Работа с CSS: основы». Если ваши познания каскадных таблиц стилей оставляют пока желать лучшего, и вы не читали предыдущие статьи, то вот вам ссылки:

Итак — сегодня мы с вами сделаем обычную раскладку из трех колонок — левой, правой и центральной. Примерно такую же, как изображена на рисунке. Сделаем ее растягивающейся — так сейчас модно. Левая колонка будет фиксированной ширины 250px, а правая и центральная — будут зависеть от ширины окна. Будем писать в соответствии со стандартом W3C HTML 4.01 (для этого укажем соответствующий doctype).

HTML-код будет такого вида:

Position: fixed; - фиксируем блок на странице

Position fixed

От начала и до конца. В этой заметке я объясню как кроссбраузерно сделать position:fixed с помощью CSS и избавится от подергивания блока при прокрутке в ИЕ.

Сразу скажу - за все время, проведенное в сети, я заметил, что блоки с fixed положением на странице (не зависящим от скролла), довольно мало используются. Нет, разумное использование таких элементов на сайте не осуждается общественностью. Скорее дело в другом - фиксированные блоки неизбежно привлекают внимание посетителя при прокрутке страницы. Он отвлекается от своей цели - и, как правило, раздражается.

Заметки: Как организовать ваш CSS

Самая неприятная часть процесса работы со стилями для меня – когда приходится, разбираясь в чужом коде, понять какие области на странице управляются какими стилями.

Проблема в IE7(только) - блок не охватывает содержимое

Не вдаваясь в детали (неясно чем вызван сабж) опишу все по порядку:

- Проблема:
Обычный блок в ИЕ7, например центральная часть страницы. Внутри него нет флоатов. Раскладка, допустим, обычная двухколоночная.