Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- DIV - how to stretch to auto fill empty area?


Marshall - 2:03 am on Jan 28, 2012 (gmt 0)


It is adding unnecessary html and an extra CSS. It shouldn't be a problem though. The other option is set the text color of the nav <div> to the grey you want the use a pipe | in between the div, though I am not sure that will give you one pixel. Just don't forget to set the color in the nested divisions or they will be grey too.

#Nav {
width: 100%
color: #CCC;
background-color: #000;
}
.NavLeft {
width: 150px; /*example purposes */
float: left;
}
.NavRight {
width: 150px;
float: right;
}

<div id="Nav">
<div class="NavLeft">LINKS</div>|
<div class="NavLeft">LINKS</div>|
<div class="NavLeft">LINKS</div>|
<div class="NavLeft">LINKS</div>
<div class="NavRight">LINKS</div>
</div>
<br style="clear: both;" />

Marshall


Thread source:: http://www.webmasterworld.com/css/4411613.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com