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