✔ DIV lässt sich nicht im Firefox UND Internet Explorer korrekt positionieren

Status
Nicht offen für weitere Antworten.
So, heute soll die neue Version online gehen, aber ein Problem gibt es noch:

Und zwar benutze ich ein Gästebuch von http://www.feedbook.de
Dort kann man das Gästebuch so einrichten, als ob es in der Website implementiert ist mittels HTML-Code. Nur leider funktioniert da plötzlich das iepngfix.htc nicht mit dem IE6!

Die Adresse des Feedbooks: http://feedbook.de/4631

Diese drei Eingabemöglichkeiten habe ich im Feedbook:

HTML-Code für den <head>-Bereich (z.B. Meta-Tags, Stylesheets):

Code: 
<link rel="stylesheet" type="text/css" href="http://www.sky-divezone.de/Lightbox/lightbox.css" media="screen">
      <link rel="stylesheet" type="text/css" href="http://www.sky-divezone.de/gbook.css">
      <!--[if lte IE 7]>
      <link rel="stylesheet" type="text/css" href="http://www.sky-divezone.de/styles_ie.css">
      <![endif]-->
	  
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	  
      <title>Sky-DiveZone.de - GIVE YOUR LIFE SOME DIRECTION</title>
	  
	  <meta name="Description" content="Extremsport Skydiving hautnah erleben - Fallschirmspringen, Ausbildung, Bilder, Videos, Berichte uvm.!">
      <meta name="Keywords" content="Fallschirmspringen,Fallschirm,Fallschirmspringer,Skydiving,Skydive,AFF,Luftsport,Dropzone,freier Fall,Parachuting,Tandemsprünge,Tandemsprung,Tandem,Christian Pfitzmann,Ausbildung Fallschirmspringen,Fallschirmspringen erlernen,Ausbildung,AFF,Ausbildung Automatik,Automatenausbildung,Extremsport,Forst Lausitz">
      <meta name="page-topic" content="Fallschirmspringen, Extremsport, Luftsport">
	  <meta name="author" content="Christian Pfitzmann">
	  <meta name="copyright" content="Christian Pfitzmann">
	  <meta name="robots" content="index, follow">
      <meta content="3 days" name="revisit-after">    
      <meta http-equiv="Language" content="de">     
      <meta http-equiv="imagetoolbar" content="false">
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

      <script type="text/javascript" src="http://www.sky-divezone.de/Lightbox/js/prototype.js"></script>
      <script type="text/javascript" src="http://www.sky-divezone.de/Lightbox/js/scriptaculous.js?load=effects"></script>
      <script type="text/javascript" src="http://www.sky-divezone.de/Lightbox/js/lightbox.js"></script>

HTML-Code, der über den Einträgen angezeigt wird:

Code: 
<div id="Huelle">
                       <div id="Rand-oben"></div>
                       <div id="Header"></div>    
                       <div id="Navi-Huelle"> 
     
                                             <ul id="Navi">
											 
	                                              <li><a href="http://www.sky-divezone.de/index.htm">News</a>
                                                 <!-- <ul>
                                                          <li><a href="index.htm">Aktuell</a></li>
	                                                      <li><a href="archiv.htm">Archiv</a></li>
                                                      </ul>-->
                                               </li>
												   
								 			      <li><a href="http://www.sky-divezone.de/about-steckbrief.htm">About Me</a>
                                                 <!-- <ul>
                                                          <li><a href="about-steckbrief.htm">Steckbrief</a></li>
	                                                      <li><a href="about-berichte.htm">Berichte</a></li>
                                                    </ul>-->	                                                              
                                               </li>
												   
												   <li><a href="http://www.sky-divezone.de/skydiving-allgemein.htm">Skydiving</a>
                                                <!--  <ul>
                                                          <li><a href="skydiving-allgemein.htm">Allgemein</a></li>
	                                                      <li><a href="skydiving-ausbildung.htm">Ausbildung</a></li>
														  <li><a href="skydiving-sicherheit.htm">Sicherheit</a></li>
	                                                      <li><a href="skydiving-woerterbuch.htm">Wörterbuch</a></li>
														  <li><a href="skydiving-mythen.htm">Mythen</a></li>
	                                                      <li><a href="skydiving-faq.htm">FAQ</a></li>                    
                                                     </ul>-->	                                                              
	                                               </li>
									   
				     		     	               <li><a href="http://www.sky-divezone.de/media-fotos.htm">Media</a>
                                                  <!-- <ul>
                                                          <li><a href="media-fotos.htm">Fotos</a></li>
	                                                      <li><a href="media-videos.htm">Videos</a></li>
                                                     </ul>	        -->                                                      
	                                               </li>
												   
												   <li class="aktiv"><a href="http://www.sky-divezone.de/gbook.htm">Gästebuch</a></li>
												   
												   <li><a href="http://www.sky-divezone.de/links.htm">Links</a></li>
												   
												   <li><a href="http://www.sky-divezone.de/kontakt.htm">Kontakt</a></li> 		 	
                                             </ul>   
                      </div>
	 
  <div id="Content-Huelle">
    <p><span class="Rubrik">GÄSTEBUCH</span><br>
      <span class="Ueberschrift">hier ist Platz für eine kleine Botschaft</span></p>
    <p class="Text">

HTML-Code der unter den Beiträgen angezeigt wird:

Code: 
</p>
  </div>  
  
  <div id="Abschluss"></div>
  <div id="Footer"><span id="Footer-Impressum"><a href="impressum.htm">Impressum</a></span></div>   
</div>

Ist ja alles so weit ganz toll, nur funktioniert das iepngfix.htc nicht.

Die gbook.css ist identisch zur styles.css, nur ist dort die Schriftfarbe anders definiert.
So sieht der Bereich aus, wo ich das iepngfix.htc einfüge:

Code: 
img, #Header { behavior: url(iepngfix.htc) }

Ich habe auch schon versucht, in der css-Datei den vollen Pfad zur htc-Datei anzugeben, hat aber auch nichts gebracht.

Woran kann das nun liegen? :confused:
 
Problem nicht ganz gelöst. Mit dem unten stehenden Eintrag gehts zwar im IE6, dafür zeigen alle anderen Browser den Header gar nicht mehr an.

Code: 
#Header { 
        width:      771px;
        height:     307px;
	margin-top: 20px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sky-divezone.de/Bilder/Header.png');		  
        }

Habe deshalb den filter nur in die styles_ie.css gepackt und die normale styles.css wieder in den Ursprungszustand versetzt, aber nun gehts wieder im IE 6 nicht :(
 
Hast du zwischenzeitlich, während ich im Büro war, was geändert, denn bei mir funktioniert's in allen Browsern?
 
Ja, ich habe einfach nen Screenshot der Website gemacht, den png-Header drübergelegt und anhand dieser Maße einen jpg-Header aus dem Screenshot ausgeschnitten, den ich auf der Gästebuch-Seite eingefügt habe. Ist zwar vielleicht nicht die idealste Lösung, aber es funktioniert ;)
 
Ahh, ich weiß, was ich falsch gemacht habe. Und zwar habe ich nur den Filter in die CSS-Datei gesetzt, das Hintergrundbild dafür aber rausgenommen. Laut deinem Link ignoriert der Firefox jedoch diesen Filter und kann dann natürlich nichts anzeigen.

Nun habe ich einfach mal beides stehen gelassen (auch ohne dieses [Attributes] und als http://www.sky-divezone.de/test.htm hochgeladen. Das scheint so auch zu funktionieren, wenn ich mich nicht täusche :-o

Mensch, was hätte ich nur ohne deine Hilfe gemacht, du verdienst einen Orden ;-)
 
Nach langer Zeit muss ich mich nochmal zu Wort melden. Seit dem Firefox-Update 2.0.0.14 wird meine Website nicht mehr korrekt angezeigt, diese Transparenz scheint nicht mehr zu funktionieren, oder habe nur ich dieses Anzeigeproblem? Im IE 7 sieht noch alles bestens aus. Liegt das am FF, liegt das an meiner Seite?

Danke :)

EDIT: ich seh grad, das Problem tritt nur auf, wenn ich die Seite mit "www" aufrufe. Geben ich nur sky-divezone.de ein, fuktiioniert die Darstellung einwandfrei.
 
Zuletzt bearbeitet:
Hi,

ich kann da im FF (2.0.0.14) keinen Unterschied in der Seitendarstellung ausmachen, unabhängig, ob nun mit "www", oder ohne.

Ich wüsste jetzt auch nicht, was da am FF-Update für das vermeintliche Problem verantwortlich sein soll.
 
So sieht das bei mir (WinXP Prof, SP3, FF 2.0.0.14) aus: http://www.sky-divezone.de/Other/png.jpg
Aber auch auf einem anderen PC (Vista, IE 7) wird die Seite so angezeigt.

Habe nun ganz einfach das PNG durch ein JPG ersetzt, somit umgehe ich diese Kompatibilitätsprobleme. Aber trotzdem komisch, warum das einmal, einmal so angezeigt wird. Rufe ich meine Website von der Festplatte auf, sieht auch alles ganz normal aus.

EDIT: Hmm, aber trotz JPG sieht das noch so komisch aus. Ich verstehe das nicht.
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück