http://caniuse.com/#search=flex
On Mon, Mar 28, 2016 at 3:39 PM, Chris Rockwell <ch...@chrisrockwell.com> wrote: > Or flex: https://jsfiddle.net/gc1dgrsb. > > On Mon, Mar 28, 2016 at 3:01 PM Tom Livingston <tom...@gmail.com> wrote: > >> You could try using calc, if the browser support is ok ( >> http://caniuse.com/#search=calc). >> >> .centerdiv{width: calc(100% - 68px};/* 68 is width of two outer divs */ >> >> On Mon, Mar 28, 2016 at 2:21 PM, Angela French <afre...@sbctc.edu> wrote: >> >> > I am trying to create a visual box on a page where the top part looks >> like >> > a spiral notebook ring. I am no css wizard but I'm thinking I should be >> > able to do this with 3 divs next to each other . The left and right >> divs >> > will have a background image with a rounded corner and a single spiral >> > loop. The center will have a repeating image of a single loop so that >> the >> > box can expand to fit different size device windows. I have set the >> divs >> > to float:left and set the left and right divs to the width of my >> background >> > image. What I can't figure out is the width to set on the center so >> that >> > the entire "row" fills the width of its parent. >> > >> > >> > This is my CSS. I am not able to provide a link at this time. >> > >> > <div style="width: 34px; background-color: pink; float: >> left;">left</div> >> > <div style="background-color: yellow; float: left;">center</div> >> > <div style="width: 34px; background-color: blue; float: >> left;">right</div> >> > >> > >> > Angela French >> > Internet/Intranet Specialist >> > Washington State Board for Community and Technical Colleges >> > 360-704-4316 >> > afre...@sbctc.edu<mailto:afre...@sbctc.edu> >> > www.sbctc.edu<http://www.sbctc.edu/> >> > >> > ______________________________________________________________________ >> > 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 | medialogic.com >> >> >> #663399 >> ______________________________________________________________________ >> 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 | medialogic.com #663399 ______________________________________________________________________ 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/
