xAAx ViciousOne
New Member
I'm using the Foundation framework and I want to make a navigation which takes 100% width of the grid class.I have 3 divs: \[code\].header_beg\[/code\], \[code\].header_rep\[/code\], \[code\].header_end\[/code\]\[code\].header_beg\[/code\] is \[code\]2px width\[/code\], \[code\]float: left\[/code\] and the \[code\].header_end\[/code\] alsoBut I want \[code\]header_rep\[/code\] to be 1px width and to \[code\]repeat-x\[/code\] till it fills 100% of the grid class. But it also need it to be \[code\]float: left\[/code\], but with \[code\]float: left\[/code\] it's not visible. I haven't set width because I want it to be 100% of the grid class.\[code\]background: red;height: 49px;margin-left: 2px;\[/code\]Here's a fiddle: http://jsfiddle.net/WFVER/I need the green \[code\]divs\[/code\] to be at the beginning and at the end of the red one, and simultaneously the 3 \[code\]divs\[/code\] to be 100% width of the grid class.