I have two div's without any width as I am working on a fluid layout.
- Div - 1 - Floated left - contains a set of tabs
- Div - 2 - Floated right - contains some preferences related to the tabs
If the number of tabs increases or on resizing the browser Div 2 should scale itself into a separate line (100% width), separating (border-bottom:1px solid #999) itself from the tabs.
Wireframe - Illustrated for your understandingc
Can this be achieved by using only HTML/CSS and without JS? Any code hints will be useful. It has to work in IE6,7,8 and FF 2 and 3.
Thanks in advance,
Vasanth