Разделение страницы с помощью CSS

Question

Я пытаюсь разделить страницу на 2 части, но с двумя отдельными листами CSS, но я не хочу использовать frameset (ужас), есть ли возможность?

Answer 1

Возможно, вы могли бы быть более конкретным. Конечно, невозможно установить для свойства background-color два разных значения для элемента body или что-то подобное, поэтому я предполагаю, что вы хотите, чтобы раздел вашей страницы находился в собственном «пространстве имен».

Допустим, у вас есть раздел с вашим контентом, и вы хотите использовать определенный CSS для контента и другой для остальной части страницы. Самое простое решение - сделать что-то вроде этого:

*** style.css ***
body {...}

*** content-style.css ***
#content h1 { ... }
#content ul { ... }
etc

*** yourpage.html ***
headerstuff...
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="style.css" />
bodystuff...
<div id="content">
   your content...
</div>

Просто добавьте префикс CSS к идентификатору ваших контейнеров.

Answer 2

Немного больше информации было бы неплохо, но в любом случае, конечно, вы можете. Используйте два главных div по одному для каждой части вашего сайта. У div'ов будут разные классы или идентификаторы.

Вы можете использовать две таблицы стилей, если хотите, хотя я бы просто использовал одну, поскольку она намного эффективнее. Вот несколько ресурсов об этом один два три .