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/
