[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