Don't forget the good 'ol clearfix:
/* CLEARING */
/* For modern browsers */
.clear:before, .clear:after {content:""; display:block;}
.clear:after {clear:both;}
.clear {zoom:1;}/* For IE 6/7 (trigger hasLayout) */
On Thu, Sep 12, 2013 at 2:25 PM, Chris Rockwell <ch...@chrisrockwell.com> wrote:
> Tom's suggestion may work as well, but you will need to fix your container.
> Due to all of the child elements being floated, you will need "height:
> 100%;overflow:auto" so that your container wraps the children
>
>
> On Thu, Sep 12, 2013 at 2:21 PM, Tom Livingston <tom...@gmail.com> wrote:
>>
>> They are also floating left at narrow width.
>>
>> On Thu, Sep 12, 2013 at 2:04 PM, Chip at Caliber Communications
>> <chip.me...@calibercommunicationsllc.com> wrote:
>> > http://www.csbnow.com/mobile/index.html
>> >
>> > http://www.csbnow.com/mobile/css/style-mobile.css
>> >
>> > I am trying to get the grey boxes (Online Banking, Online Bill Pay,
>> > etc.)
>> > to center on the page so that when the viewport gets too small to
>> > accommodate 2 columns, the remaining single column is centered. Seems
>> > like
>> > I must be missing something obvious, but I cannot see it.
>> >
>> > Thanks for any help...
>> >
>> > Chip
>> > ______________________________________________________________________
>> > css-discuss [css-d@lists.css-discuss.org]
>> > http://www.css-discuss.org/mailman/listinfo/css-d
>> > List wiki/FAQ -- http://css-discuss.incutio.com/
>> > List policies -- http://css-discuss.org/policies.html
>> > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>>
>>
>>
>> --
>>
>> Tom Livingston | Senior Front-End Developer | Media Logic |
>> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
>> ______________________________________________________________________
>> css-discuss [css-d@lists.css-discuss.org]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
>
>
> --
> Chris Rockwell
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
