Ergebnis 1 bis 3 von 3

Thema: Style Problem mit DropDown Menü und IE - Funktionalität geht

  1. #1
    HTML Newbie
    Registriert seit
    31.03.2010
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Style Problem mit DropDown Menü und IE - Funktionalität geht

    Ich habe ein Menü auf Basis von suckerfish. Ich habe nur folgendes Problem. Ich möchte das Menü auf die ganze Breite meines äußeren DIVs haben um da ein BG-Bild zu hinterlegen. Technisch funktioniert es.

    Im Firefox ist alles wunderbar im IE leider nicht ganz perfekt.
    Siehe Anhang da die Page noch offline ist. Problem ist der Zweizeiler im IE.

    Code der Page
    HTML-Code:
    <div id="navbg" style="text-align:right">TEST
          
           <ul id="nav">
    
             <li><a  href="index.php" class="mainnav">Allgemeines</a>
                
                 <ul>
                   <div>
                    <li><a href="index.php">Startseite</a></li>
                    <li><a  href="presse.php">Presse</a></li>
                    <li><a href="register.php">Register</a></li>
                    <li><a  href="impressum.php">Impressum</a></li>
                    </div>
                </ul>
                
              </li>
    
             <li><a href="turnier.php"  class="mainnav">Turnier</a>   
                   <ul>
                       <div>
                      <li><a  href="bilder.php">Bilder</a></li>
                       <li><a href="bilder.php">Bilder</a></li>
                       <li><a  href="videos.php">Videos</a></li>
                       <li><a href="alte_turniere.php">Alte  Turniere</a></li>
                      </div>
                    </ul>
             </li>
    
              <li><a href="training.php" class="mainnav">Sport</a>
                 <ul>
                   <div>
                    <li><a href="training.php">Training</a></li>
                    <li><a  href="bilder.php">Bilder</a></li>
                    <li><a href="videos.php">Videos</a></li>
                    <li><a href="aboutus.php">&Uuml;ber  uns</a></li>
                   </div>
                 </ul>
             </li>
             
              <li><a href="shop.php" class="mainnav">Shop</a>
                 <ul>
                   <div>
                    <li><a href="shop.php">Artikel</a></li>
                    <li><a  href="warenkorb.php">Warenkorb</a></li>
                    </div>
                </ul>
             </li>   
    
              <li><a href="guestbook2.php"  class="onlymainnav">G&auml;stebuch</a>
              </li>      
             
             <li><a  href="kontakt.php" class="onlymainnav">Kontakt</a>
              </li>            
    
          </ul>
          
        </div>
    CSS Code
    HTML-Code:
    #navbg{
       background-image:url("grafik/menue_bg.jpg");
        line-height: 1.9;
       border: 2px solid #000000;
       border-right:  0;
       border-left: 0;
    }
     
    #nav{
       float:left;
        list-style: none;
       line-height: 1;
       padding: 2;
       margin:  0;
       
       background-color: transparent;
    }
     
    #nav div {
        padding: 5px;
       margin: 5px;
    }
     
    #nav ul {
       float:  left;
       list-style: none;
       line-height: 1;
       background:  #eaeaea;
       font-weight: bold;
       padding: 1;
       border: solid  #eda;
       border-width: 1px 0;
       margin: 0 0 1em 0;
       
     
    }
     
    #nav a.mainnav {
       display: block;
     
          padding:5px  18px 5px 10px;
          background-color:transparent;
           color:#FFFFFF;
          font-family:Arial;
          font-size:12px;
           text-decoration:none;
          border-width:0px 0px 0px 1px;
           border-style:solid;
          border-color:#141414;
          
           background-image:url("grafik/white_arrow.gif");
           background-repeat: no-repeat;
          background-position: 94% 50%;   
    }
     
    #nav a.mainnav:hover {
       text-decoration: underline;
    }
     
    #nav  a.onlymainnav {
       display: block;
     
          padding:5px 18px  5px 10px;
          background-color:transparent;
          color:#FFFFFF;
           font-family:Arial;
          font-size:12px;
           text-decoration:none;
          border-width:0px 0px 0px 1px;
           border-style:solid;
          border-color:#141414;
    }
     
    #nav  a.onlymainnav:hover {
       text-decoration: underline;
    }
     
    #nav  a {
       display: block;
       width: 10em;
       w\idth: 6em;
     
           padding:5px 20px 5px 8px;
          background-color:transparent;
           color:#000000;
          font-family:Arial;
          font-size:12px;
           text-decoration:none;
          border-width:0px 0px 0px 1px;
           border-style:solid;
          border-color:#141414;
          
           
    }
     
    #nav a.daddy {
       background: url(rightarrow2.gif)  center right no-repeat;
    }
     
    #nav li {
       float: left;
        padding: 0;
       
    }
     
    #nav li ul {
       position: absolute;
        left: -999em;
       height: auto;
       width: 15.4em;
       w\idth:  14.9em;
       font-weight: normal;
       margin: 0;
       border: solid  #777777 1px;
    }
     
    #nav li li {
       padding-right: 1em;
        width: 13em
    }
     
    #nav li ul a {
       width: 13em;
        w\idth: 9em;
    }
     
    #nav li ul ul {
       margin: -1.75em 0 0  14em;
    }
     
    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav  li.sfhover ul ul, #nav li.sfhover ul ul ul {
       left: -999em;
    }
     
    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav  li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
        left: auto;
    }
     
    #nav li:hover, #nav li.sfhover {
        background: #acbcbe;
    }
    Freue mich über Hilfen oder auch konstruktive Kritik am Gesamtaufbau.

    DANKE

    Grüßer DsBrot
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: Style Problem mit DropDown Menü und IE - Funktionalität geht

    Schau mal nach conditional Comments, dann kannste beim IE nen margin-top -bar px; reinhaun. Müsste funktionieren.
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    31.03.2010
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Style Problem mit DropDown Menü und IE - Funktionalität geht

    Danke für den Tipp, werde mal danach schauen. Wobei ich im Moment das Ding vielleicht doch anders aufbau, um das Problem zu umgehen.

    DANKE

Ähnliche Themen

  1. JS: DropDown-Menü Problem
    Von anagramm im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 03.03.2009, 21:34
  2. Problem mit DropDown Menü !!!?
    Von Dani im Forum HTML & CSS Forum
    Antworten: 20
    Letzter Beitrag: 31.10.2007, 17:17
  3. css js dropdown menü
    Von st0ny im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 16.10.2007, 18:26
  4. dropdown menü problem
    Von Bit2_Gosu im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 27.05.2007, 00:13
  5. dropdown Menü
    Von wurmax im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 16.11.2006, 21:33

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •