Senkrechtes Webseiten Menü

[Ossenturio]

Ich habe in meine Webseite,ein Menü eingefügt( Hierarchische Menüs mit CSS erstellen ),dieses wird im IE senkrecht angezeigt,in andere Browsern aber horiontal.Wie schaffe ich es das das Menü auch in den anderen Browsern senkrecht angezeigt wird(also immer).
Hier mal mein HTML-Code:

[COLOR=#009900][COLOR=#000000][B]<ul[/B][/COLOR] [COLOR=#000066]class[/COLOR]=[COLOR=#ff0000]"cssmenu"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]
  [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]Start[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
  [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]Informationen[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR]
    [COLOR=#009900][COLOR=#000000][B]<ul>[/B][/COLOR][/COLOR]
      [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]Webseiten erstellen[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR]
        [COLOR=#009900][COLOR=#000000][B]<ul>[/B][/COLOR][/COLOR]
          [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]HTML[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
          [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]CSS[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
          [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]Programmieren[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR]
            [COLOR=#009900][COLOR=#000000][B]<ul>[/B][/COLOR][/COLOR]
              [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]JavaScript[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
              [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]PHP[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
              [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]Java[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
              [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]ActionScript[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
              [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]Ruby[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
            [COLOR=#009900][COLOR=#000000][B]</ul>[/B][/COLOR][/COLOR]
          [COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
          [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]Flash[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
        [COLOR=#009900][COLOR=#000000][B]</ul>[/B][/COLOR][/COLOR]
      [COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
      [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]Multimedia[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR]
        [COLOR=#009900][COLOR=#000000][B]<ul>[/B][/COLOR][/COLOR]
          [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]Grafiken[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
          [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]Videos[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
        [COLOR=#009900][COLOR=#000000][B]</ul>[/B][/COLOR][/COLOR]
      [COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
    [COLOR=#009900][COLOR=#000000][B]</ul>[/B][/COLOR][/COLOR]
  [COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
  [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]Suchen[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR]
    [COLOR=#009900][COLOR=#000000][B]<ul>[/B][/COLOR][/COLOR]
      [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]Google[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
      [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]Yahoo[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
      [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]MSN[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
    [COLOR=#009900][COLOR=#000000][B]</ul>[/B][/COLOR][/COLOR]
  [COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
  [COLOR=#009900][COLOR=#000000][B]<li>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]<a[/B][/COLOR] [COLOR=#000066]href[/COLOR]=[COLOR=#ff0000]"http://webmatze.de/"[/COLOR][COLOR=#000000][B]>[/B][/COLOR][/COLOR]Über[COLOR=#009900][COLOR=#000000][B]</a>[/B][/COLOR][/COLOR][COLOR=#009900][COLOR=#000000][B]</li>[/B][/COLOR][/COLOR]
[COLOR=#009900][COLOR=#000000][B]</ul>[/B][/COLOR][/COLOR]

 

[Ossenturio]

Hier mein CSS-Code:
Und hier mein CSS-Code:

ul[COLOR=#6666ff].cssmenu[/COLOR] [COLOR=#66cc66]{[/COLOR]
  [COLOR=#000000][B]position[/B][/COLOR]: [COLOR=#993333]relative[/COLOR];
  [COLOR=#000000][B]display[/B][/COLOR]: [COLOR=#993333]block[/COLOR];
  [COLOR=#000000][B]margin[/B][/COLOR]: [COLOR=#993333]0px[/COLOR];
  [COLOR=#000000][B]padding[/B][/COLOR]: [COLOR=#993333]0px[/COLOR];
[COLOR=#66cc66]}[/COLOR]
ul[COLOR=#6666ff].cssmenu[/COLOR] ul [COLOR=#66cc66]{[/COLOR]
  [COLOR=#000000][B]position[/B][/COLOR]: [COLOR=#993333]relative[/COLOR];
  [COLOR=#000000][B]display[/B][/COLOR]: [COLOR=#993333]none[/COLOR];
[COLOR=#66cc66]}[/COLOR]
ul[COLOR=#6666ff].cssmenu[/COLOR] li [COLOR=#66cc66]{[/COLOR]
  [COLOR=#000000][B]position[/B][/COLOR]: [COLOR=#993333]relative[/COLOR];
  [COLOR=#000000][B]display[/B][/COLOR]: [COLOR=#993333]inline[/COLOR];
  [COLOR=#000000][B]float[/B][/COLOR]: [COLOR=#000000][B]left[/B][/COLOR];
[COLOR=#66cc66]}[/COLOR]
[COLOR=#808080][I]/* Menupunkt stylen */[/I][/COLOR]
ul[COLOR=#6666ff].cssmenu[/COLOR] li a [COLOR=#66cc66]{[/COLOR]
  [COLOR=#000000][B]font-family[/B][/COLOR]: arial, [COLOR=#993333]sans-serif[/COLOR];
  [COLOR=#000000][B]font-size[/B][/COLOR]: [COLOR=#993333]12px[/COLOR];
  [COLOR=#000000][B]line-height[/B][/COLOR]: [COLOR=#993333]20px[/COLOR];
  [COLOR=#000000][B]text-decoration[/B][/COLOR]: [COLOR=#993333]none[/COLOR];
  [COLOR=#000000][B]text-align[/B][/COLOR]: [COLOR=#993333]center[/COLOR];
  [COLOR=#000000][B]display[/B][/COLOR]: [COLOR=#993333]block[/COLOR];
  [COLOR=#000000][B]width[/B][/COLOR]: [COLOR=#993333]100px[/COLOR];
  [COLOR=#000000][B]height[/B][/COLOR]: [COLOR=#993333]20px[/COLOR];
[COLOR=#66cc66]}[/COLOR]
ul[COLOR=#6666ff].cssmenu[/COLOR] li[COLOR=#3333ff]:hover[/COLOR] > a [COLOR=#66cc66]{[/COLOR]
  [COLOR=#000000][B]background-color[/B][/COLOR]: [COLOR=#cc00cc]#[COLOR=#993333]666666[/COLOR][/COLOR];
  [COLOR=#000000][B]color[/B][/COLOR]: [COLOR=#cc00cc]#FFFFFF[/COLOR];
  [COLOR=#000000][B]font-weight[/B][/COLOR]: [COLOR=#993333]bold[/COLOR];
[COLOR=#66cc66]}[/COLOR]
[COLOR=#808080][I]/* Untermenüpunkt einblenden */[/I][/COLOR]
ul[COLOR=#6666ff].cssmenu[/COLOR] li[COLOR=#3333ff]:hover[/COLOR] > ul [COLOR=#66cc66]{[/COLOR]
  [COLOR=#000000][B]position[/B][/COLOR]: [COLOR=#993333]absolute[/COLOR];
  [COLOR=#000000][B]top[/B][/COLOR]: [COLOR=#993333]20px[/COLOR];
  [COLOR=#000000][B]left[/B][/COLOR]: -[COLOR=#993333]40px[/COLOR];
  [COLOR=#000000][B]display[/B][/COLOR]: [COLOR=#993333]inline[/COLOR];
[COLOR=#66cc66]}[/COLOR]
[COLOR=#808080][I]/* ab zweite Ebene */[/I][/COLOR]
ul[COLOR=#6666ff].cssmenu[/COLOR] li li[COLOR=#3333ff]:hover[/COLOR] > ul [COLOR=#66cc66]{[/COLOR]
  [COLOR=#000000][B]top[/B][/COLOR]: [COLOR=#993333]0px[/COLOR];
  [COLOR=#000000][B]left[/B][/COLOR]: [COLOR=#993333]110px[/COLOR];
[COLOR=#66cc66]}[/COLOR]
ul[COLOR=#6666ff].cssmenu[/COLOR] li li a [COLOR=#66cc66]{[/COLOR]
  [COLOR=#000000][B]width[/B][/COLOR]: [COLOR=#993333]150px[/COLOR];
[COLOR=#66cc66]}[/COLOR]
[COLOR=#808080][I]/* Farben der einzelnen Ebenen (werden [COLOR=#32cd32]vererbt[/COLOR])*/[/I][/COLOR]
ul[COLOR=#6666ff].cssmenu[/COLOR] a [COLOR=#66cc66]{[/COLOR]
  [COLOR=#000000][B]color[/B][/COLOR]: [COLOR=#cc00cc]#[COLOR=#993333]000000[/COLOR][/COLOR];
  [COLOR=#000000][B]background-color[/B][/COLOR]: [COLOR=#cc00cc]#e4e4e4[/COLOR];
[COLOR=#66cc66]}[/COLOR]
ul[COLOR=#6666ff].cssmenu[/COLOR] ul a [COLOR=#66cc66]{[/COLOR]
  [COLOR=#000000][B]background-color[/B][/COLOR]: [COLOR=#cc00cc]#d4d4d4[/COLOR];
[COLOR=#66cc66]}[/COLOR]
ul[COLOR=#6666ff].cssmenu[/COLOR] ul ul a[COLOR=#66cc66]{[/COLOR]
  [COLOR=#000000][B]background-color[/B][/COLOR]: [COLOR=#cc00cc]#c4c4c4[/COLOR];
[COLOR=#66cc66]}[/COLOR]
ul[COLOR=#6666ff].cssmenu[/COLOR] ul ul ul a[COLOR=#66cc66]{[/COLOR]
  [COLOR=#000000][B]background-color[/B][/COLOR]: [COLOR=#cc00cc]#b4b4b4[/COLOR];
[COLOR=#66cc66]}[/COLOR]
 /* zusätzliche Styleangaben für IE 6 */
/* das Menü wird dort untereinander dargestellt */
ul.cssmenu {
  _text-indent: 10px;
}
ul.cssmenu ul {
  _display: inline;
  _margin-left: 0px;
  _text-indent: 20px;
}
ul.cssmenu ul ul {
  _text-indent: 30px;
}
ul.cssmenu ul ul ul {
  _text-indent: 40px;
}
ul.cssmenu li {
  _float: none;
}
/* Menupunkt stylen */
ul.cssmenu li a {
  _text-align: left;
  _width: 150px;
}
ul.cssmenu a:hover {
  _font-weight: bold;
  _background-color: #666666;
}

Hoffe ihr könnt mir da weiterhelfen.
Mfg Ossenturio

 

[Prasedonym]

Das ist ein bekanntes Problem mit dem IE7 oder IE8
Also bei mir läuft es auch nicht versuche es mal einen Kommentar zu schreiben bei diesem Anbieter oder versuche mit im Kontakt aufzunehmen

Mit Dropdown menus hat der IE immer(meistens) Probleme!

Wenn es einfach nicht funkt. dann hol dir hier mal ein Menu:

http://www.alvit.de/css-showcase/css-navigation-techniques-showcase.php

 

[Ossenturio]

Ich möchte ja das es auch,in anderen Browsern so wie beim IE angezeigt wird.Also,wie mache ich das?

 

[Puccini]

warum willst ud das grad so?
Da könntest du das ganze CSS auch gleich weglassen, dann macht es jeder Browser so!

Der Sinn und zweck des CSS ist ja, ein schönes Drop-Down-Menü zu machen, dh. alle Browser amchen es richtig, ausser der IE.
Denk mal drüber nach ;)

 

[Ossenturio]

Ich möchte mein Webseite 3-teilen.Links soll ein Menü hin(mit dem Design,wie das horizontale,und da das in den Streifen Links soll soll senkrecht sein) dann in der Mitte ein Newssystem und rechts ne Shoutbox.Ich will ja von dem Menü nur das Design und den Hover-Effekt.Ist es jetz klarer?