[thelist] horizontal menu and IE6

Shannon Hubbell brundlefly at gmail.com
Wed Oct 15 13:21:13 CDT 2008


I've run into this problem before, and the only solution I've found is
setting a definite width for the buttons for IE6. Haven't been very happy
with the results, so I hope someone else has a better solution.

On Wed, Oct 15, 2008 at 11:14 AM, Roel Mulder <roel.mulder at gmail.com> wrote:

> Hi all,
> There is this CSS thing I just can't grasp. We put a site together
> today, which features a horizontal menu. Only in IE6 the buttons
> spread to full width, and underneath each other. Would anyone be so
> kind to throw a glance at it? The site is running at a temporary
> domain, and will only be up for another day or two at this url:
> http://helen.mta.nl/  and then moved to their server/domain.
>
> The menu:
> <div id="navbar">
> <div id="navcontainer">
> <ul><li class="active"><a href="http://helen.mta.nl/">Home</a></li>
> <li><a href="/werkwijze.html">Werkwijze</a></li>
> <li><a href="/consult.html">Consult</a></li>
> <li><a href="/contact.html">Contact</a></li>
> <li class="last"><a href="/over-tosca.html">Over Tosca</a></li>
> </ul>
> </div>
> </div>
>
> The CSS:
> #navbar{ position:absolute; left:210px; top:130px; width:650px;}
> #navcontainer { margin:0 0 0 30px; padding:0; height:20px;}
>
> #navcontainer ul {
>  border:0;
>  margin:0;
>  padding:0;
>  list-style-type:none;
>  text-align:center;}
>
> #navcontainer ul li {
>  display:block;
>  float:left;
>  text-align:center;
>  padding:0;
>  margin:0;
> }
>
> #navcontainer ul li a {
>  background:#75726b;
>  height:18px;
>  border-right:1px solid #dcdedd;
>  border-left:none;
>  padding:0 7px 0 7px;
>  margin:0 0 10px 0;
>  color:#dcdedd;
>  text-decoration:none;
>  display:block;
>  text-align:center;
> }
> #navcontainer ul li a:hover { color:#fff; background:#a6a69e;}
> #navcontainer a:active { background:#a6a69e; color:#b41720;}
> #navcontainer li.active a { background:#a6a69e; color:#b41720; }
> #navcontainer li.last a { border-right:none; }
>
> I've tried several variants yet all render the same result. So, likely
> I'm just not seeing something that is staring me in the face.
>
> Cheers,
> Roel
> --
>
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !
>



More information about the thelist mailing list