Можно ли использовать рамки CSS (например, 960gs или Blueprintcss) без полей? - PullRequest
0 голосов
/ 14 мая 2009

Я не вижу смысла в использовании http://960.gs или http://blueprintcss.org, если они устанавливают поля, отличные от красивых макетов журналов / маркетинговых брошюр. Есть ли способ, которым я могу использовать их для удовлетворения определенных требований к дизайну, таких как навигационная панель, которая может фактически касаться / переносить заголовок? Идеальным будет любой ввод данных для использования этих структур без полей (поскольку они обеспечивают совместимость браузера с менее разработчиками уровня CSS-гуру). (Примечание: мы используем JSF, это также магазин разработки, а не веб-магазин на все)

Ответы [ 3 ]

2 голосов
/ 25 июня 2009

Я использую эту технику как свою окончательную технику верстки CSS:

http://www.codeofficer.com/blog/entry/css_grid_frameworks_960gs_without_margins/

У меня одна и та же проблема была однажды, и, поскольку я использую эту проблему, все головные боли края исчезают Я использую ! Важный оверид, когда мне нужно использовать пользовательские ширину / высоту.

Код:

<div class="g_9 content_main">
    This div should actually have 720px in width.
    But I overide it using another class so now the width has become 700px,
    and just in case it needs custom margin, we can always set it in the css :)
</div>

CSS:

.c_12 .g_9, .c_16 .g_12 { width: 720px; } /* 960-full.css */
.content_main { width: 700px !important; margin-left: 15px;} /* style.css */
0 голосов
/ 24 июля 2009

Вот мод, который я написал, который работает с 960gs, чтобы помочь вам создавать элементы, которые касаются, без переписывания фреймворка.

http://www.michaelhartmayer.com/css/960gs-margin-mod

0 голосов
/ 15 мая 2009

Вам не нужно использовать классы сетки для каждого div на вашем сайте. Если ваш заголовок не должен следовать сетке, создайте свои собственные стили для заголовка. Вы также можете полностью пропустить сетку и просто использовать форму и типографику. Фреймворки - это попытка внести последовательность в ваши проекты.

Я использую план для основного контента, но область заголовка имеет свой собственный макет.

...