mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 01:54 Benutzername: Passwort: Auto-Login

Thema: css horizontale navigation im iexplorer 7 verschoben vom 02.07.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> css horizontale navigation im iexplorer 7 verschoben
Autor Nachricht
fruchtfliege82
Threadersteller

Dabei seit: 02.07.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 02.07.2010 01:07
Titel

css horizontale navigation im iexplorer 7 verschoben

 Antworten mit Zitat Zum Seitenanfang
hallo zusammen! ich habe folgendes problem:

da ich eine seite mit untermenü basteln möchte, meine css kenntnisse aber dafür nicht ausreichend waren, habe ich den inhalt eines tutorials kopiert (war erlaubt) und dieses dann in meine css-datei integriert. jetzt wird im firefox sowie in dem internet explorer 8 alles richtig angezeigt. im internet explorer 7 jedoch ist das untermenü total verschoben! da ich noch nicht 100% hinter das anzeigen und verstecken des untermenüs mithilfe von css gestiegen bin, konnte ich den/die fehler noch nicht ausfindig machen und hoffe ihr könnt mir helfen...

um diese seite geht es...

und hier noch der relevante css-code (nur der teil der das menü betrifft):

Code:
#menu {
width: 700px;
background: #ccffcc;
font-family: Verdana;
font-size: 12px;
line-height:30px;
margin: 0 auto;

}
#menu ul {
float: left;
width: 140px;
list-style-type: none;
}

#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}

#menu ul li:hover ul {
display: block;
}

#menu li {
   position: relative;
}

#menu h3 {
font-size: 12px;
text-align: center;
color: #000000;

background: #339900;
background-image:url(pics/button2.gif);
}

#menu a {
text-decoration: none;
display:block;
text-align: center;
background: #FFFFCC;
color: #000000;
line-height:25px;
background-image:url(pics/button.gif);
}

#menu a:hover {
color: #000000;
background: #ccffcc;
font-weight:bold;
line-height:25px;
background-image:url(pics/button_rollover.gif);
}

/*--für IExplorer < 6--*/

* html #menu ul li {
float: left;
width: 100%;
}

/*--für IExplorer 7--*/

*+ html #menu ul li {
float: left;
width: 100%;
}


der doctype in der index2.html ist wie folgt angegeben:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


vielen dank im voraus für eure bemühung!

Zuletzt bearbeitet von fruchtfliege82 am Fr 02.07.2010 01:09, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 06.07.2010 14:21
Titel

Antworten mit Zitat Zum Seitenanfang
Hi,
warum machst du jeden Navigationspunkt der ersten Ebene als eigene Liste? Mach das als eine Liste mit mehrern List Items. Die Navigation der zweiten Ebene dann wieder als Liste:

Code:

<ul>
     <li><a href="#">Punkt mit Subnavi</a>
         <ul>
              <li><a href="#">Unterpunkt</a>
              <li><a href="#">Unterpunkt</a>
              <li><a href="#">Unterpunkt</a>
         </ul>
     </li>
     <li><a href="#">Punkt</a></li>
     <li><a href="#">Punkt</a></li>
     <li><a href="#">Punkt</a></li>
     <li><a href="#">Punkt mit Subnavi</a>
         <ul>
              <li><a href="#">Unterpunkt</a>
              <li><a href="#">Unterpunkt</a>
              <li><a href="#">Unterpunkt</a>
              <li><a href="#">Unterpunkt</a>
         </ul>
     </li>
</ul>


Und dann dementsprechend beim li:hover Element die Subnavigation per disyplay:block einblenden.

sNuwie
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen Horizontale Navigation mit CSS und DIV layern
Horizontale navigation verrutscht im IE 8
CSS: IE6 und IE7 lassen horizontale Navigation verschwinden
horizontale Navigation mit verschiedenen Farben je Rubrik
HTML/CSS - Navigation verschoben - Links kaputt
Iexplorer 6| Problem
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB