Ich möchte das Menü-Link oben in der Mitte sind (siehe Bild->Explorer), zuerst hatte der Firefox es richtig angezeigt, dann hab ich die angaben geändert, jetzt zeigts der Firefeox falsch an (siehe Bild->Firefox) und der IE richtig. hier mal die CSS angaben:
Oberes-Menü:Code:
text-align: left;
height:40px;
Code:
.menu ul {
list-style: none;
vertical-align:top;
}
.menu li {
display: inline;
padding-left: 5px;
}
Code:
<div id="header">
<!-- {$easybanner} -->
<div class="menu">
<ul>
<li><div style="height:5px; margin-top:15px; "> </div></li>
<li><a href="{$mybb->settings['bburl']}/rules.php"><img src="{$theme['imgdir']}/toplinks/rules.gif" alt="" />{$lang->toplinks_rules}</a></li>
<li>
Ich bekomms nicht hin. Wer kann mir helfen?
Versuch mal es mit einen div die genaue Position anzugeben.
Ich hab um <ul>....</ul> eine div mit absoluter position angegeben: Das Ergebnis ist nicht schön.
->Funktioniert nicht.
Hi!
Ich glaub das Problem liegt hier:
LG, GM!
Wenn ich dies lösche wirds im FF richtig angezeigt und im IE ganz oben im schwarzen Bereich.
Muss es beim CSS für das obere Menü nicht text-align: center; heißen?
text-align (left,center,right) ist doch für die horizontale Anordung gedacht (link,mitte,rechts)
und vertical-align (top,middle,bottom) für die Verticale Anordnung (oben,mitte,unten)
Oder was meinst du jetzt mit center?
Hi!
Lass den Befehl drin, aber setz ihn auf 0px. Der IE braucht den Befehl, der FF anscheinend nicht.
LG, GM!
Zitat:<div class="menu">
<ul>
<li><div style="height:5px; margin-top:0px; padding-top:0px; "> </div></li>
Wird immer noch oben im schwarzen Bereich angezeigt.
modercol schrieb:Wenn ich dies lösche wirds im FF richtig angezeigt und im IE ganz oben im schwarzen Bereich.
Dann mach doch einfach ein If IE
Code:
<style type="text/css" media="screen">
oberes_menu{
height:5px;
margin-top:0px;
}
</style>
<!--[if IE]>
<style type="text/css" media="screen">
oberes_menu{
margin-top:15px;
}
</style>
<![endif]-->
<div id="header">
<!-- {$easybanner} -->
<div class="menu">
<ul>
<li><div class="debugmenu" "> </div></li>
<li><a href="{$mybb->settings['bburl']}/rules.php"><img src="{$theme['imgdir']}/toplinks/rules.gif" alt="" />{$lang->toplinks_rules}</a></li>
<li>