zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE7 - Menü funktioniert nicht richtig

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.06.2009, 16:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.06.2009
Beiträge: 2
MauliMau befindet sich auf einem aufstrebenden Ast
Unglücklich 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;
}
css für menü:

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;
}
Doc-Type:

<!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">
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.06.2009, 17:13
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.06.2009
Beiträge: 2
MauliMau befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.06.2009, 17:36
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 900
uspri sorgt für eine eindrucksvolle Atmosphäreuspri sorgt für eine eindrucksvolle Atmosphäre
Standard

Wieso haben Deine Dokumente überhaupt zwei Doctypes? Einer reicht, alles andere ist grober Unfug.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:55 Uhr.