|
|||
IE7 - Menü funktioniert nicht richtig
Hallo allerseits,
ich beschäftige mich erst seit ein paar Tagen mit CSS und habe jetzt eine Seite damit gebastelt (bzw. aus verschiedenen Komponenten zusammengestückelt). Mein Problem: Im FF ist alles super, doch im IE7 ist das Menü (multilevel, horizontal unter Banner) nach Aufruf mancher Seiten (ich konnte nicht erkennen warum genau diese) nicht mehr aufklappbar. Ich hab jetzt schon einiges gelesen (IE Bugs, hacks, etc), aber ich weiß ehrlichgesagt nicht wo ich suchen bzw. ansetzen soll. Vielleicht könnt Ihr mit helfen? Danke & lG Romy css für page Code:
@charset "ISO-8859-1"; @page { size:auto; } *{margin:0; padding:0;} #banner { background-image:url(../assets/banner.jpg); /*background-color:#CADCE7;*/ background-color:#CADCE7; background-repeat:no-repeat; background-position: top center; border-top: 2px solid silver; border-bottom: 2px solid silver; margin-left: 30px; height: 118px; /* Graphikhoehe */ width:900px; position: relative; } a:link { color: #0000FF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } a:visited { color: #0000FF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } a:hover { color: #0000FF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } a:active { color: #0000FF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } body { background-color:#2D62A8; height: 100%; /* Blockhöhe */ width : 990px; } #InhaltLyr { margin: 2em 4em 1em 10em; width: 700px; height: 400px; border: 6px solid silver; border-style: ridge; padding-top: 8px; background-image:url(../assets/logo.jpg); background-position: center center; background-repeat:no-repeat; } #InhaltLyr h1 { margin-top: 0px; margin-bottom: 30px; color: black; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 22px; /*font-stretch: expanded ;*/ font-variant: small-caps; text-align: center; /*width: 100%;*/ /*min-width: 16em;*/ } #InhaltLyr p { color: black; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-decoration:none; text-align:center; padding: 0 1em; margin-bottom: 5px; } * html div#Inhalt { height: 1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */ } #Inhalt { margin: 2em 5em 1em 5em; width: 780px; border: 5px solid silver; border-style: ridge; padding: 15px; background-image:url(../assets/logo.jpg); background-position: center center; background-repeat:repeat-y; } #Inhalt h1 { font-size: 1.2em; margin-bottom: 20px; color: navy; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 22px; text-decoration:none; text-align:center; width: 100%; min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */ } #Inhalt h2 { margin-bottom: 16px; padding-left: 12px; color: navy; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-decoration:none; text-align:left; width: 100%; min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */ } #Inhalt h3 { margin-bottom: 18px; padding-left: 12px; color: black; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic; text-align:left; width: 100%; min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */ } #Inhalt h4 { margin-bottom: 18px; padding-left: 12px; color: black; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic; text-align:left; font-weight: normal; width: 100%; min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */ } #Inhalt p { color: black; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-decoration:none; text-align:justify; padding: 0 1em; margin-bottom: 5px; } #footer { clear: left; width: 950px; background: #CADCE7; color: navy; text-align: center; padding: 4px 0; margin-left:18px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none; position: bottom; } #footer a{ color: blue; } Code:
#menu{ height:25px; color:#fff; padding:0px 0px 30px 0px; background-color: #2D62A8; } *html #menu { height:10px; color:#fff; padding:10px 0 0 12px; background-color: #2D62A8; } /*Main Menu Link Styles*/ #navbar { width:950px; } #navbar ul { margin: 0px 0 0 0; padding: 10px 0 0 85px; list-style: none;} #navbar ul li { position: relative; float: left; margin: 0;} #navbar a { display: block;} /* Main Menu Drop Down Styles*/ #navbar ul li ul { width: 185px; position: absolute; display: none; left: -3px; font-size: 0.85em; color:#fff; padding: 1px;} #navbar ul li ul.lastbutton { top: 42px; padding: 1px; } #navbar li:hover ul, #navbar li.over ul { display: block; } #navbar ul li ul li { width: 199px;} #navbar li:hover ul li a:link, #navbar li.over ul li a:link, #navbar li:hover ul li a:visited, #navbar li.over ul li a:visited { width: 179px; color: navy; margin:0; padding:4px; background-color:#CADCE7; text-indent:5px; } * html #navbar li:hover ul li a:link, * html #navbar li.over ul li a:link, * html #navbar li:hover ul li a:visited, * html #navbar li.over ul li a:visited { width: 199px; } #navbar li:hover ul li a:hover, #navbar li.over ul li a:hover { text-indent:5px; color:#000; margin:0; padding:4px;} /* main menu styles*/ #menu li { margin:0 1px 0 0; padding:0 2px;} #menu a { color:#FFF; font-size:0.9em; text-decoration:none; padding:0 4px;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #menu a { float:none;} /* End IE5-Mac hack */ #menu a:hover { color:#FFF; font-weight: bold; font-size:0.9em; text-decoration:underline;} #topnav{ text-align: center; color:#FFFFFF; } #topnav ul{ padding-bottom:3px; padding-left:15px; padding-right:15px; padding-top:2px; margin: 0; background-color: #2D62A8; } #topnav ul li{ display: inline; padding: 0; margin: 0; } #topnav ul li a{ font-size: 12px; color: #FFFFFF; padding: 0 10px 0 10px; text-align: center; text-decoration: none; border-right: 1px solid #fff; } #topnav ul li a:hover{ color:#E7E6B6; text-decoration: underline; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> |
Sponsored Links |
|
|||
gefunden...
Hallo,
ich hab mal die Zeile: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> an die zweite Zeile gesetzt und siehe da, es funkt nun auch im IE7! Ich bilde mir aber ein, gelesen zu haben, daß der IE7 kein Problem mehr hat, wenn man nicht den XHTML-Type an erster Stelle hat... lG Romy |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Inputfelder werden im IE7 nicht richtig angeordnet | pixel24 | CSS | 1 | 20.02.2010 10:30 |
Slide Menü wird nicht richtig dargestellt! (JS/CSS) | xxsebixx | Javascript & Ajax | 7 | 01.09.2008 18:49 |
IE6-Hack funktioniert mit IE7 nicht mehr | ivonne | CSS | 9 | 13.03.2008 11:53 |
suckerfish menü problem mit IE7 | michimunk | CSS | 2 | 24.02.2008 16:07 |
Warum funktioniert mein Menü so? | Zen5656 | CSS | 1 | 29.10.2006 16:32 |