Yup, but I don't want to just change it to one other size, I want to use one style sheet and set the container to any number of columns. I could make separate classes for each different width I suppose, but I think using a span-x with it serves my purpose better.
On Apr 22, 1:34 pm, Sunny Beach <[email protected]> wrote: > 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 > 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.
