If you look at the main blueprint site, there is a pretty good demo of redefining the .container.
http://blueprintcss.org/ Specifically, look at the bottom of: http://blueprintcss.org/css/latest.css?v=3.1.0 By setting the .container to 750 px, you can create a 19 column page that is 750 px wide. Sunny On Apr 19, 6:38 am, rebus_ <[email protected]> wrote: > On 18 April 2010 16:27, Fade <[email protected]> wrote: > > > > > I have some places where I wanted to use blueprint with various > > numbers of columns ( 18 in a wizard, 8 in a dialog box, the full 24 on > > the page ), so I made a small addition to blueprint I thought other > > people might find useful. > > > .sized-container { float: none; clear: both; margin:0 auto; } > > > This container doesn't specify it's own width but instead should be > > used with a span-x class to make a container that is x columns wide > > (ex: class="sized-container span-18" ). It must be in the css after > > the span-x float definition since it overrides the float setting. It > > can also be used inside an outer container to make an inner container > > of the same width, since it isn't floated and will take up the full > > width of the parent. > > > Also, the following two lines were also modified: > > > .clearfix:after, .container:after > > {content:"\0020";display:block;height: > > 0;clear:both;visibility:hidden;overflow:hidden;} > > > became > > > sized-container:after, .clearfix:after, .container:after > > {content:"\0020";display:block;height: > > 0;clear:both;visibility:hidden;overflow:hidden;} > > > and > > > .clearfix, .container {display:block;} > > > became > > > .clearfix, .container, .sized-container {display:block;} > > > Shouldn't break any existing layouts since it just adds a class, but > > it can come in very handy when you are popping up jQuery dialogs with > > fewer than 24 columns, or in other cases where you need narrower > > layouts. > > > -- > > You received this message because you are subscribed to the Google Groups > > "Blueprint CSS" group. > > To post to this group, send email to [email protected]. > > To unsubscribe from this group, send email to > > [email protected]. > > For more options, visit this group > > athttp://groups.google.com/group/blueprintcss?hl=en. > > I think you should be able to do the same thing by redefining .container class > > .container {width:950px; margin:0 auto;} > => > .container {width:950px; margin:0 auto!important; float:none!important} > > class="container span-x" > > IE6 supports !important in standards compliant mode i think. > > -- > You received this message because you are subscribed to the Google Groups > "Blueprint CSS" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group > athttp://groups.google.com/group/blueprintcss?hl=en. -- You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.
