tutorials.de Buch-Aktion 02/2012
ERLEDIGT
NEIN
ANTWORTEN
3
ZUGRIFFE
437
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    counteract counteract ist offline Mitglied Brokat
    Registriert seit
    Apr 2006
    Beiträge
    318
    Hallo!

    Ich habe mal eine Frage und zwar möchte ich eine Navigationsleiste in meine Seite bauen, die im IE und in allen anden Browsern den selben Platz haben muss. Wie kann ich das machen?

    Hier der Code der Navigationsleiste:

    HTML-Code:
      #navcontainer ul
    {
    padding-left: 0;
    margin-left: 0;
    background-color: #355495;
    color: white;
    float: left;
    width: 100%;
    font-family: arial, helvetica, sans-serif;
    }
    
    #navcontainer ul li { display: inline; }
    
    #navcontainer ul li a
    {
    padding: 0.2em 1em;
    background-color: #355495;
    color: white;
    text-decoration: none;
    float: left;
    border-right: 1px solid #fff;
    }
    
    #navcontainer ul li a:hover
    {
    background-color: #369;
    color: #fff;
    }
    Momentan ist sie so eingebunden:
    HTML-Code:
    				<div id="Ebene17">
    					<div id="Ebene19"><div id="navcontainer">
    <ul id="navlist">
    <li id="active"><a href="index.html" id="current">Home</a></li>
    <li><a href="leistung.html">Leistung</a></li>
    <li><a href="branchen.html">Branchen</a></li>
    <li><a href="produkte.html">Produkte</a></li>
    <li><a href="stellen.html">Stellen</a></li>
    <li><a href="kontakt.html">Kontakt</a></li>
    </ul>
    </div></div>
    Leider verschiebt sie sich immer im IE.

    Was kann ich da tun
     

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,

    anhand des gezeigten Quellcodes kann ich keine Unterschiede bzw. Verschiebungen im IE gegenüber den anderen Browsern feststellen.
     

  3. #3
    counteract counteract ist offline Mitglied Brokat
    Registriert seit
    Apr 2006
    Beiträge
    318
    Schade denn es ist leider so, dass sich die Leiste in der Höhe verschiebt!
    Welche Möglichkeit gibt es dies zu ändern?
     

  4. #4
    Maik Tutorials.de Gastzugang
    Tausch mal padding-left und margin-left gegen padding und margin aus, oder füge noch padding-top:0 und margin-top:0 hinzu.
     

Ähnliche Themen

  1. Navi css
    Von spamerix im Forum CSS
    Antworten: 19
    Letzter Beitrag: 23.11.08, 11:25
  2. Navi probleme mit ie6 und ie7
    Von Webgau im Forum CSS
    Antworten: 2
    Letzter Beitrag: 25.08.08, 23:37
  3. navi
    Von El_Tomato im Forum Javascript & Ajax
    Antworten: 15
    Letzter Beitrag: 22.12.06, 22:41
  4. Navi in IE
    Von dirkgently im Forum CSS
    Antworten: 18
    Letzter Beitrag: 29.07.06, 01:26
  5. CSS Navi
    Von rudie3001 im Forum CSS
    Antworten: 4
    Letzter Beitrag: 17.02.06, 20:52