Hallo zusammen,
ich brauche eure Hilfe. Es geht um folgendes:
Ich habe eine ASP.NET MVC3 Intranet-Seite erstellt. Mein Problem ist, dass die Navigationsleite darin lokal super schön aussieht, aber wenn ich es im IIS einrichte und ich dann von meinem PC auf den Server darauf zugreife, dann ist diese Navigationsbar total verschoben. Komischer noch, über Firefox schaut es aus wie lokal, nur dass über Firefox die Buttons nicht gehen.
Folgender Code für die Navigationsleiste:
Folgende CSS Einstellungen:
So sieht es lokal und im Firefox aus:
lokalUndFirefox.jpg
So sieht es leider im Internet Explorer aus:
ie.jpg
Ich weiß leider nicht weiter und bräuchte eure Hilfe. Hatte eine/r schon mal das selbe Problem? Oder kennt evtl. wer eine Lösung
VG
ich brauche eure Hilfe. Es geht um folgendes:
Ich habe eine ASP.NET MVC3 Intranet-Seite erstellt. Mein Problem ist, dass die Navigationsleite darin lokal super schön aussieht, aber wenn ich es im IIS einrichte und ich dann von meinem PC auf den Server darauf zugreife, dann ist diese Navigationsbar total verschoben. Komischer noch, über Firefox schaut es aus wie lokal, nur dass über Firefox die Buttons nicht gehen.
Folgender Code für die Navigationsleiste:
HTML Code:
<div id="navbar"> <ul> <li id="liHome" @if(ctrName == "Home" & actName == "Index"){<text> class="selected" </text>} >@Html.ActionLink("Home", "Index", "Home")</li> <li id="liSpracLabel" @if(ctrName == "SpracLabel" & actName == "Index"){<text> class="selected" </text>}>@Html.ActionLink("SpracLabel", "Index", "SprachLabel")</li> ... </ul> </div>
Folgende CSS Einstellungen:
Code:
#navbar { border: 1px solid #FFFFFF; margin: 0px 0px 0px 0px; padding-bottom: 10px; padding-top: 10px; padding-left: 15px; padding-right: 15px; background-color: #D8D8D8; height: 31px; } #navbar ul { list-style: none; margin: 0px 0px 10px 0px; padding-bottom: 10px; padding-top: 0px; padding-left: 0px; padding-right: 0px; height: 20px; background-color: #D8D8D8; } #navbar ul li#liHome a { text-decoration: none; float: left; margin: 0; padding: 0; margin-right: 5px; color: #FFFFFF; border: 1px solid #FFFFFF; border-bottom: none; padding: 10px; width: 75px; text-align: center; display: block; background-color: #B40404; -moz-border-top-left: 10px; -moz-border-top-right: 10px; } #navbar ul li#liSpracLabel a { text-decoration: none; float: left; margin: 0; padding: 0; margin-right: 5px; color: #FFFFFF; border: 1px solid #FFFFFF; border-bottom: none; padding: 10px; width: 75px; text-align: center; display: block; background-color: #5882FA; -moz-border-top-left: 10px; -moz-border-top-right: 10px; } #navbar ul li#liHome a:hover { background: #FFFFFF; color: #5882FA; } #navbar ul li#liSpracLabel a:hover { background: #FFFFFF; color: #5882FA; } #navbar ul li#liHome.selected a { background: #FFFFFF; color: #5882FA; } #navbar ul li#liSpracLabel.selected a { background: #FFFFFF; color: #5882FA; }
So sieht es lokal und im Firefox aus:
lokalUndFirefox.jpg
So sieht es leider im Internet Explorer aus:
ie.jpg
Ich weiß leider nicht weiter und bräuchte eure Hilfe. Hatte eine/r schon mal das selbe Problem? Oder kennt evtl. wer eine Lösung
VG
Comment