Можно ли использовать рамки CSS (то есть: 960gs или Blueprintcss) без полей?

Question

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

Answer 1

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

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

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

Кодекс:

<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 */ 

Answer 2

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

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

Answer 3

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

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