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: .header_beg, .header_rep, .header_end
.header_beg is 2px width, float: left and the .header_end also
But I want header_rep to be 1px width and to repeat-x till it fills 100% of the grid class. But it also need it to be float: left, but with float: left it's not visible. I haven't set width because I want it to be 100% of the grid class.
background: red;
height: 49px;
margin-left: 2px;
I need the green divs to be at the beginning and at the end of the red one, and simultaneously the 3 divs to be 100% width of the grid class.
Thanks in advanced
AVADHESH PATEL
28-Dec-2012