[IE] UL-Liste horizontal zentriert in DIV

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [IE] UL-Liste horizontal zentriert in DIV

    Hallo zusammen,
    der IE will mein horizontales Menü nicht zentriert darstellen, folgender HTML-Aufbau:

    Code:
    <div id="dNav">
    		<ul> 
    			<li><a href="">Inhalt</li>
    		</ul> 
    		<hr />
    	</div>
    Und folgender CSS-Code:
    Code:
    #dNav {
    	overflow:hidden;
    }
    
    #dNav hr {
    	height: 0;
    	border: 0;
    	border-top: 1px solid #fff;
    	border-bottom: 3px solid #999;
    }
    
    #dNav ul {
    	list-style: none;
    	overflow: hidden;
    	margin: 0 auto;
    	display: table;
    }
    
    #dNav ul li {
    	float: left;
    }
    Firefox und Safari stellen das Menü zentriert dar, der IE linksbündig, hat jemand eine Idee, wie man ihn dazu bewegen kann?

  • #2
    Re: [IE] UL-Liste horizontal zentriert in DIV

    Original geschrieben von hasch
    Firefox und Safari stellen das Menü zentriert dar, der IE linksbündig, hat jemand eine Idee, wie man ihn dazu bewegen kann?
    schmeiss mal das display: table raus. was soll das da überhaupt?

    peter
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

    Kommentar


    • #3
      Der IE zentriert mit margin: auto; leider nicht. Gib mal "#dNav" text-align: center; und "#dNav ul" dann wieder text-align: left; - dann kapierts auch der IE
      Nur wenige wissen, wieviel man wissen muss, um zu wissen, wie wenig man weiß.

      Kommentar


      • #4
        Original geschrieben von ArSeN
        Der IE zentriert mit margin: auto; leider nicht.
        tut er doch.

        peter
        Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
        Meine Seite

        Kommentar


        • #5
          Touché, aber erst ab dem 7er afaik
          Nur wenige wissen, wieviel man wissen muss, um zu wissen, wie wenig man weiß.

          Kommentar


          • #6
            Original geschrieben von ArSeN
            Touché, aber erst ab dem 7er afaik
            nö, auch der 6er.

            peter
            Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
            Meine Seite

            Kommentar


            • #7
              Original geschrieben von ArSeN
              Der IE zentriert mit margin: auto; leider nicht. Gib mal "#dNav" text-align: center; und "#dNav ul" dann wieder text-align: left; - dann kapierts auch der IE
              Hat leider keine Wirkung, das display: table bewirkt, dass unsere Liste zentriert werden kann, ist ja sonst ein Block-Element.

              Kommentar


              • #8
                hast recht. allerdings kann der ie6 kein display: table. in deinem fall benötigst du eine breitenangabe für das ul, ansonsten funzt das im ie nicht. geht es eigentlich um ein flexibles oder festes layout?

                peter
                Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                Meine Seite

                Kommentar


                • #9
                  OK danke dir. Handelt sich um ein flexibles Layout, das #dNav ist direkt im Body. Dann werde ich mal schaun wegen einer Breitenangabe, sollte sogar möglich sein, da die Einträge statisch sind.

                  Kommentar

                  Lädt...
                  X