Hugo: Bräuchte mal einen CSS Spezialisten

SELF-Forum

Bräuchte mal einen CSS Spezialisten

Hugo
– Informationen zu den Bewertungsregeln

Hallo,

hatte mir mal vor längerer Zeit folgeneds CSS Menu heruntergeladen:

#navlist
{
  color: white;
  background: #cccccc;
  border-bottom: 0.2em solid #17a;
  border-right: 0.2em solid #17a;
  padding: 0 1px;
  margin-left: 0;
  font: normal 0.8em Bookman Old Style;
}

#navlist li
{
  list-style: none;
  margin: 0px 0px 0px 0px;
  font-size: 1em;
}

#navlist a
{
  display: block;
  text-decoration: none;
  margin-top: 0px;
  color: white;
  background: #39c;
  border-width: 1px;
  border-style: solid;
  border-color: #000 #035 #068 #6cf;
  border-left: 1em solid #000;
  padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a#current
{
  border-color: #5bd #035 #068 #f30;
}

#navlist a
{
  width: 99%;
  /* only necessary for Internet Explorer */
}

#navlist a
{
  voice-family: ""}"";
  voice-family: inherit;
  /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */

}

#navlist a:hover, #navlist a#current:hover
{
  background: #ff0000;
  border-color: #000 #ff0011 #5bd #fc0;
  padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#current:active
{
  background: #17a;
  border-color: #069 #6cf #5bd white;
  padding: 0em 0.35em 0.25em 0.9em;
}

#prod
{
  border-top: 1px solid #17a;
  border-bottom: 1px solid #17a;
  min-height: 50px;
}

In der Template steht:

<div id="navcontainer">
<ul id="navlist">
{section name=i loop=$menuItems}
<li><a href="{$linkFromMenu}?option={$menuItems[i].id}#result">{$menuItems[i].trans}</a></li>
{/section}
</ul>
</div>

Nun habe ich die ganze Zeit für den Mozilla programmiert, da ich hörte das der am standardkonformsten sei.

Gerade betrachte ich die Seite mal im IE6 und da ist das Menü viel zu breit. Habe schon versucht diverse width Angaben ausprobiert. Nichts funktioniert. Der ändert die Breit ÜBERHAUPT nicht.

Wie bekommt man das Menu auf eine Breit von 170px ?

1000x Dank!!
Hugo

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Bräuchte mal einen CSS Spezialisten

    Ingo Turski Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Gerade betrachte ich die Seite mal im IE6 und da ist das Menü viel zu breit. Habe schon versucht diverse width Angaben ausprobiert. Nichts funktioniert. Der ändert die Breit ÜBERHAUPT nicht.

    Den Code kenn ich doch..;-)
    Lies Dir mal auf meiner Seite http://www.1ngo.de/web/imenu.html den vorletzen Absatz durch.
    Vermutlich geht der IE auf Deiner Seite in den quirks-mode, so daß einige Angaben herausgenommen werden müssen. Das hatte ich aber extra auch in die Kommentare geschrieben, die Du ja sogar noch drin gelassen hast.

    freundliche Grüße
    Ingo

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln