• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Browser: FF vs. IE

B

Bluff

New member
Hallo zusammen!

Problem: Meine neue Seite funktioniert komplett im FF
aber im IE wird eine leere Seite geladen !!!

Habe mein JS Menü mit einem CSS Menü ausgetauscht.

Meine Seite: bluffphonica

Meine index.html :

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> bluffphonica</title>

<link rel="stylesheet" type="text/css" href="navi.css" />


<!--[if IE]>
<style type="text/css">
#nav ul {display:inline-block;}
#nav ul {display:inline;}
#nav ul li {float:left;}
#nav {text-align:center;}
</style>
<![endif]-->


</head>
<style type="text/css">
<body>

<body bgcolor=black>

<div style="position:absolute; left:55px; top: 1px">

<div id="menu"> 

<ul><li><a href="index.html">Home</a>
</li></ul>

<ul><li><a href="">Bluffphonica Mixes</a>
<ul >
			<li><a href="http://goamedia.net/audiobase/index.php?subcat=98&sorttype=hits&sortorder=D&ENGINEsessID=f90a544e5864bca4706d92d61e216f36%3E%3Cfont%20size=" target="inhalt">DOWNLOADS</a></li>
			<li><a href="index.html" onClick="window.open('mixes/Dj Bluffphonica - RadIo-GoA-GeNom.html','','width=300, height=30')">RadIo-GoA-GeNom</a></li>
			<li><a href="index.html" onClick="window.open('mixes/psytausendsieben.html','','width=300, height=30')">Psy-Tausend-Sieben</a></li>
			<li><a href="index.html" onClick="window.open('mixes/psytausendsechs.html','','width=300, height=30')">Psy-Tausend-Sechs</a></li>
			<li><a href="index.html" onClick="window.open('mixes/schweden.html','','width=300, height=30')">Meeresbrise in Schweden</a></li>	
			<li><a href="index.html" onClick="window.open('mixes/Dj Bluffphonica - GOApsyTRANCE-STORY -only classics in wellen-Formation.html','','width=300, height=30')">GOApsyTrance-Story</a></li>
			<li><a href="index.html" onClick="window.open('mixes/DJ BLUFFPHONICA - 65 GOLD FRAGMENTE.html','','width=300, height=30')">65 Gold Fragmente</a></li>
			<li><a href="index.html" onClick="window.open('mixes/Dj Bluffphonica - Astral-Trance.html','','width=300, height=30')">Astral-Trance</a></li>
			<li><a href="index.html" onClick="window.open('mixes/Dj Bluffphonica - Astral-Gebretter.html','','width=300, height=30')">Astral-Gebretter</a></li>
			<li><a href="index.html" onClick="window.open('mixes/Dj Bluffphonica - H5N1.html','','width=300, height=30')">H5N1</a></li>
			<li><a href="index.html" onClick="window.open('mixes/Dj Bluffphonica - Journey to Andromeda.html','','width=300, height=30')">Journey to Andromeda</a></li>
			<li><a href="index.html" onClick="window.open('mixes/Dj Bluffphonica - Aloe goa.html','','width=300, height=30')">Aloe goa</a></li>
			<li><a href="index.html" onClick="window.open('mixes/sundriver.html','','width=300, height=30')">Sundriver</a></li>
			<li><a href="index.html" onClick="window.open('mixes/goanoticatrancing.html','','width=300, height=30')">GoanoticaTrancing</a></li>
			<li><a href="index.html" onClick="window.open('mixes/psymelodiekick.html','','width=300, height=30')">Psymelodykick</a></li>
			<li><a href="index.html" onClick="window.open('mixes/niceeyes.html','','width=300, height=30')">Making Nice Eyes</a></li>
			<li><a href="index.html" onClick="window.open('mixes/klanggasse.html','','width=300, height=30')">Klanggasse</a></li>

</ul>

</li></ul>
<ul><li><a href="">Selected Goa Radios</a>
<ul >
			<li><a href="index.html" onClick="window.open('radios/philosomatika.html','','width=300, height=30')">Philosomatika</a></li>
			<li><a href="index.html" onClick="window.open('radios/chromanova.html','','width=300, height=30')">Chromanova</a></li>
			<li><a href="index.html" onClick="window.open('radios/psytrance2.html','','width=300, height=30')">Psytrance</a></li>
			<li><a href="index.html" onClick="window.open('radios/Psy-Trance and Goa.html','','width=300, height=30')">RadioPowerNet: Psytrance</a></li>
			<li><a href="index.html" onClick="window.open('radios/psytrance3.html','','width=300, height=30')">100% Mixes</a></li>
			<li><a href="index.html" onClick="window.open('radios/Radio Schizoid.html','','width=300, height=30')">Radio Schizoid</a></li>
			<li><a href="index.html" onClick="window.open('radios/oHFlip.html','','width=300, height=30')">oHFlip</a></li>
			<li><a href="index.html" onClick="window.open('radios/goapsy.html','','width=300, height=30')">Digitally-Imported: Goa Psy</a></li>
			<li><a href="index.html" onClick="window.open('radios/dark.html','','width=300, height=30')">DaRk</a></li>
			<li><a href="index.html" onClick="window.open('radios/psystream-net.html','','width=300, height=30')">Psystream-Net</a></li>
			<li><a href="index.html" onClick="window.open('radios/swedish-mushroom.html','','width=300, height=30')">Swedish-Mushroom</a></li>
			<li><a href="index.html" onClick="window.open('radios/psytrance.html','','width=300, height=30')">PSY FM : PSYTRANCE</a></li>
			<li><a href="index.html" onClick="window.open('radios/progressive.html','','width=300, height=30')">PSY FM : PROGRESSIVE</a></li>
			<li><a href="index.html" onClick="window.open('radios/alternative.html','','width=300, height=30')">PSY FM : ALTERNATIVE</a></li>
			<li><a href="index.html" onClick="window.open('radios/chillout.html','','width=300, height=30')">PSY FM : CHILL</a></li>
</ul>
</li></ul>

<ul><li><a href="">Diverses</a>
<ul >
			<li><a href="party.html" target="inhalt">Parties in Austria</a></li>
			<li><a href="zeit.html" target="inhalt">Worldtime</a></li>
			<li><a href="mond.html" target="inhalt">Curent Moon</a></li>
			<li><a href="http://www.zamg.ac.at/wetter/prognose/wien/?ts=1203160141" target="inhalt">Vienna Weather</a></li>
			<li><a href="videos.html" target="inhalt">Videos</a></li>
			<li><a href="jokes.html" target="inhalt">Jokes</a></li>
			<li><a href="http://www.myspace.com/bluffphonica" target="inhalt">MySpace</a></li>
    			<li><a href="http://www.aqua4you.de/community_aquarium1104.html" target="inhalt">My Fishes</a></li>
    			<li><a href="impressum.html" target="inhalt">Impressum</a></li>
</ul>
</li></ul>

<ul><li><a href="">Pictures</a>
<ul >
			
			<li><a href="wild.html" target="inhalt">Wildbergerhütte</a></li>
			<li><a href="kaff.html" target="inhalt">Party im Kaff</a></li>
			<li><a href="berlin.html" target="inhalt">Beim Loki / Berlin</a></li>
			<li><a href="luna.html" target="inhalt">Luna Club</a></li>
			<li><a href="shiva.html" target="inhalt">Shiva Moon</a></li>
</ul>
</li></ul>

<ul><li><a href="">Communicator</a>
<ul >
			<li><a href="shoutbox.html" target="inhalt">Shoutbox</a></li>
		 	<li><a href="chat.html" target="inhalt">IRC Goa Chat</a></li>
			<li><a href="http://www.yasp.ch/gb.asp?user=Bluffphonica" target="inhalt" title="Leave me a message">Guestbook</a></li>
			<li><a href="http://www.graphicguestbook.com/bluffphonica" target="inhalt" title="Paint me a picture !">Graphicguestbook</a></li>
</ul>
</li></ul>

<ul><li><a href="">Flash Games</a>
<ul >
			<li><a href="games/tetris.html" target="inhalt">Tetris</a></li>
    		 	<li><a href="games/pacman.html" target="inhalt">Pacman</a></li>
    			<li><a href="games/snake.html" target="inhalt">Snake</a></li>
    			<li><a href="games/sonic.html" target="inhalt">Sonic</a></li>
    			<li><a href="games/curve.html" target="inhalt">Curveball</a></li>
    			<li><a href="games/tischtennisneu.html" target="inhalt">TableTennis</a></li>
    			<li><a href="games/missle.html" target="inhalt">Missile</a></li>
    			<li><a href="games/break.html" target="inhalt">Breakout</a></li>
    			<li><a href="games/247bombs.html" target="inhalt">Bomberman</a></li>
    			<li><a href="games/jewels.html" target="inhalt">Jewels</a></li>
    			<li><a href="games/minigolf.html" target="inhalt">Minigolf</a></li>
    			<li><a href="games/sonicblox.html" target="inhalt">SonicBLoX</a></li>
    			<li><a href="games/pacmanplatform.html" target="inhalt">Pacman P</a></li>
    			<li><a href="games/blackjack.html" target="inhalt">BlackJack</a></li>
    			<li><a href="games/poker.html" target="inhalt">Poker</a></li>
</ul>
</li></ul>
<ul><li><a href="">Links</a>
<ul >
			<li><a href="links.html" target="inhalt">/\/\</a></li>
    		 	
</ul>
</li></ul>
</ul>
</div>

</div>

<iframe src="inhalt.html" name="inhalt" style="position: fixed;  top: 20px; left:1px; width: 100%; height: 97%; z-index: 4; overflow: auto;" id="inhalt" frameborder="no"></iframe>


<div style="position:absolute; left:799px; top: 1px">
<img src="images/button.jpg" border=0 alt=""></a></div>

<div style="position:absolute; left:857px; top: 1px">
<!-- Counter von http://fc.webmasterpro.de : dieser Code zeigt Seitenaufrufe an und zählt mit -->
<script type="text/javascript" src="http://fc.webmasterpro.de/counter.php?name=bluffphonica&show=h&style=bac&w=42&h=20&bgC=0x663366&p=0.0.false,00.40.0.0.0.100.20.0xFF9933,.-100.-30,03.8" id="fcScriptbluffphonica"></script>
<noscript><div><img src="http://fc.webmasterpro.de/as_noscript.php?name=bluffphonica" alt="" /></div></noscript>  </div>

<div style="position:absolute; left:945px; top: 1px">
<!-- Counter von http://fc.webmasterpro.de : dieser Code zeigt 'BesucherOnline' an und zählt mit -->
<script type="text/javascript" src="http://fc.webmasterpro.de/counter.php?name=bluffphonica&show=o&style=bac&w=30&h=20&bgC=0x663366&p=0.0.false,00.40.0.0.0.100.20.0xFF9933,.-100.-30,03.8" id="fcScriptbluffphonica"></script>
<noscript><div><img src="http://fc.webmasterpro.de/as_noscript.php?name=bluffphonica" alt="" /></div></noscript>  </div>

<div style="position:fixed; left:1px; top: 1px">
<img src="images/element02.gif" width="54" height="18" border=0 alt=""></a></div>

<div style="position:fixed; left:970px; top: 1px">
<img src="images/element02.gif" width="54" height="18" border=0 alt=""></a></div>

</body>
</html>

Meine navi.css:

Code: 
<style type="text/css" media="screen">
#menu {
width: 100%;
background: #400040;
float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
border-style: solid;
border-color: #820041;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: auto;
float: left;
}


#menu a {
	font-family: Courier New, Courier, monospace;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
display: block;
margin: 0;
padding: 0px 3px;
color: #FF8040;
background: #400040;
text-decoration: none;
}

#menu a:hover {
color: #00FF00;
background: #400040;
}
#menu ul li a {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
border-style: solid;
border-color: #820041;
}
#menu ul ul li a {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
border-style: solid;
border-color: #820041;
}
#menu ul li a.lastone, #menu ul ul li a.lastone {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
width: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
border-style: solid;
border-color: #820041;
}

div#menu ul ul,
div#menu ul li:hover ul ul
{display: none;}


#menu li a:hover, #menu li a:hover {
background:  	#663399;
}

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

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color:  	#33FF33;
background-color:  	#663399;
padding: 5px;
border: 1px solid  	#FF9933; 
}

.mentions {
position: absolute;
top : 300px;
left : 10px;
color:  	#FF9933;
background-color:  	#FFFF33;
}
-->

</style>
<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
#menu ul li a {height: 1%;} 
#menu a {
font: normal 14px Courier New, Courier, monospace;
}
</style>
<![endif]-->
 
Bluff schrieb:
Problem: Meine neue Seite funktioniert komplett im FF
aber im IE wird eine leere Seite geladen !!!
Zum Vergrößern anklicken....

1. Immer erst die Seite durch den Validator schicken!

2. Eine gewisse Reihenfolge der Notierung von vorneherein einhalten!

Code: 
</head> 
<style type="text/css"> 
<body> 
<body bgcolor=black>

Zwischen head und body kommt kein Styletag. (Wirf das raus, dann zeigt auch der IE die Seite an.) Einmal das body-Element ist völlig ausreichend. Die CSS-Angabe für den Hintergrund heißt background-color usw.
 
Danke! Jetzt sieht man immerhin schon mal was im Internet Explorer, aber das Menü klappt nicht über das darunter befindliche iframe drüber...

Und es erscheint eine Leiste am rechten Rand, bekommt man das so hin das das so erscheint wie im Firefox ?

Danke für eure Hilfe!
 
Bluff schrieb:
Danke! Jetzt sieht man immerhin schon mal was im Internet Explorer, aber das Menü klappt nicht über das darunter befindliche iframe drüber...
Zum Vergrößern anklicken....

Die Sache mit dem iframe gefällt mir nicht, das hast Du - glaube ich - an anderer Stelle schon mal gesagt bekommen.

Welche Vorlage für Dein Menü hast Du denn genommen? Dabei hast Du vergessen, die für das Runterklappen im IE notwendigen HTML-Tags mit reinzubauen. Schau also nochmal da nach.

Bluff schrieb:
Und es erscheint eine Leiste am rechten Rand, bekommt man das so hin das das so erscheint wie im Firefox?
Zum Vergrößern anklicken....

Damit bekommst Du die Leiste im IE weg

PHP: 
html, body {
background: #000000;	  	
height:100%;
overflow:hidden;
}

und kannst gleichzeitig auf

PHP: 
<body bgcolor=black>

im HTML verzichten.

Außerdem: Ins externe Stylesheet gehören keine HTML-Tags, also raus mit

PHP: 
<style type="text/css" media="screen">
-->

Weiterhin gehören dorthin auch keine Conditional Comments. Das - wenn denn nötig - gehört ins HTML in den head-Bereich:

PHP: 
<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
#menu ul li a {height: 1%;} 
#menu a {
font: normal 14px Courier New, Courier, monospace;
}
</style>
<![endif]-->
 
Das Menü habe ich mit dem Programm "CSS Menu Generator" gemacht.
Das das Programm die notwendigen HTML-Tags für das Runterklappen des Menüs für den IE nicht schreibt, war mir vorher nicht klar.
Es wäre wirklich toll, wenn jemand eine Lösung hat, wie ich das Aufklappen des Menüs in das Iframe hin bekomme (wie gesagt geht im FF aber im IE nicht)

Was ist denn so verwerflich daran ein Iframe zu nutzen? Ich weiß leider keine andere Möglichkeit, Inhalte anderer Seiten und anderer html-Seiten von mir auf meiner Seite darzustellen. (Keine Angst: mit Absprache der jeweiligen Seitenbetreibern!) Das Darstellen an sich bekomme ich schon hin, jedoch nicht durch das klicken auf ein Link im Menü! Also muss ich doch ein Iframe benutzten, oder nicht ?
 
Ok danke nochmal.
Ich machs so - hol mir ein Menü dort!
Gestalte mir das Menü dann entsprechend um.
Habs grad schon ausprobiert und alles geht,
auch im depperten IE.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben