HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ? |
 |

09-01-2009, 18:19
|
|
[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?
|

09-01-2009, 19:28
|
Kropff
  Administrator
|
|
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.727
|
|
Re: [IE] UL-Liste horizontal zentriert in DIV
Zitat:
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
|

09-01-2009, 19:29
|
ArSeN
Registrierter Benutzer
|
|
Registriert seit: Feb 2006
Ort: Berlin
Beiträge: 1.052
|
|
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ß.
|

09-01-2009, 19:31
|
Kropff
  Administrator
|
|
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.727
|
|
Zitat:
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
|

09-01-2009, 19:31
|
ArSeN
Registrierter Benutzer
|
|
Registriert seit: Feb 2006
Ort: Berlin
Beiträge: 1.052
|
|
Touché, aber erst ab dem 7er afaik
__________________
Nur wenige wissen, wieviel man wissen muss, um zu wissen, wie wenig man weiß.
|

09-01-2009, 19:33
|
Kropff
  Administrator
|
|
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.727
|
|
Zitat:
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
|

09-01-2009, 19:43
|
|
Zitat:
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.
|

09-01-2009, 20:02
|
Kropff
  Administrator
|
|
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.727
|
|
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
|

09-01-2009, 21:46
|
|
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.
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
|
|
Themen-Optionen |
|
Thema bewerten |
|
Forumregeln
|
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.
HTML-Code ist aus.
|
|
|
|
PHP News
|