Können CSS-Frameworks (z. B. 960g oder Blueprintcss) ohne Ränder verwendet werden?

Question

Ich sehe nicht den Sinn der Verwendung von http://960.gs oder http://blueprintcss.org, wenn sie andere Margen als für schöne Magazin Layouts/Marketing-Esq Broschüren erzwingen. Gibt es eine Möglichkeit, dass ich diese verwenden kann, um bestimmte Designanforderungen zu erfüllen, wie z. B. eine Navigationsleiste, die tatsächlich den Header berühren kann? Jede Eingabe, um diese Frameworks ohne Margen zu verwenden (da sie Browser-Kompatibilität auf die weniger CSS-Guru-Level-Entwickler erzwingen) wäre ideal. (Hinweis: Wir verwenden JSF, dies ist auch ein Entwicklungsgeschäft überhaupt kein Web-Shop)

Answer 1

Ich verwende diese Technik als meine ultimative CSS-Layout-Technik:

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

ich einmal hatte das gleiche Problem, und da ich, dass man alle Marge Kopfschmerzen verschwinden hat. Ich benutze ! Wichtig overide, wenn ich benutzerdefinierte Breite/Höhe verwenden muss.

Der Code:

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

Die 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

Sie müssen nicht die Rasterklassen für jedes div auf Ihrer Website verwenden. Wenn Sie als Kopfzeile nicht dem Rasterlayout folgen müssen, erstellen Sie eigene Stile für die Kopfzeile. Sie können das Gitter auch komplett überspringen und einfach das Formular & Typografie Markups verwenden. Die Frameworks sind ein Versuch, Ihren Projekten ein wenig Konsistenz zu verleihen.

Ich benutze Blueprint für den Hauptinhalt, aber der Header-Bereich hat seine eigenen benutzerdefinierten Layout.

Answer 3

Hier ist ein mod ich schrieb, die mit dem 960gs arbeitet man Elemente helfen zu schaffen, die berühren, ohne den Rahmen neu zu schreiben.

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