Dani: IE + Firefox --> "fixed" wird anders gezeigt - warum?

Hallo @ all :-)

mein Problem ist folgendes:

Im IE Explorer sehe ich die Kirschblüte links und nicht rechts, wie im Firefox & Opera - warum? Was mache ich falsch?

Hier die Seite:

http://www.bushido-duesseldorf.de/html/geschichte_des_budo.html

und hier mein Quelltext, wobei ich sagen muss, dass ich mit Netobjects arbeite.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
body {
      background-image:url('http://www.bushido-duesseldorf.de/assets/images/Hokusai-14-sw.jpg');
      background-attachment: fixed;
      background-position-x: 350px;
      background-position-y:100px;
      background-repeat:no-repeat;
      background-color:white;
      }

a img {border:none}

#logo    {
   position:fixed;
   top:150px;
   left: 700px;
      }

#content {margin-left:280px; width:420px; text-align:right;}

</style>

<!--[if lt IE 7.0]>
  <style type="text/css">#logo {position:absolut; left:720px; top:0};</style>
 <![endif]-->

<title>Die Geschichte des Budo</title>

<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">

</head>
<body>

<div id="logo">

<a href="http://www.bushido-duesseldorf.de/html/ubersicht.html"><img src="http://www.bushido-duesseldorf.de/assets/images/Kirschbluete_logo.jpg"></a>

</div>
</body>
</html>

  1. Hallo,

    wußte gar nicht, dass der IE 7 so gut ist...

    Der ausgelieferte Code  scheint so auszusehen:

      
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
    <HTML>  
    <HEAD>  
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
    <html>  
    <head>  
    <style type="text/css">  
    
    

    Grüsse
    Cyx23

    1. Hallo zurück :-)

      wie meinst Du das, der ausgelieferte Code scheint so auszusehen?

      LG - Dani

      1. Hallo,

        wie meinst Du das, der ausgelieferte Code scheint so auszusehen?

        eigentlich, dass er bei mir so ausschaut bzw. ankommt.

        Und dass ich nicht sicher bin warum er so bei "view source" o.ä.
        angezeigt wird, ausserdem wird er jetzt gerade beim Firefox mit
        noch mehr zusätzlichem Code angezeigt, und fixed klappt da auch
        nicht mehr...

        Grüsse

        Cyx23

        1. kannst Du mir denn dabei helfen?

          Ich mein, dass die Hokusai-Figur mittig "fixed" unter dem Text liegt und die Kirschblüte rechts "fixed" ist?

          ...ich verzweifel langsam :-(

          LG _ Dani

          1. Hallo,

            kannst Du mir denn dabei helfen?

            vmtl. gibt dein Editor oder dein Server/CMS den zusätzlichen Code
            "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
            <HTML><HEAD>" vor der Seite bzw. als Seitenanfang aus, also anders
            einstellen oder deinen Code reduzieren und Fusion den Dateianfang
            überlassen, wenn du bei Fusion bleiben willst.

            Ich mein, dass die Hokusai-Figur mittig "fixed" unter dem Text liegt und die Kirschblüte rechts "fixed" ist?

            Firefox, Opera und IE 7 können es ja bereits, für andere Browser
             kannst du ja mal z.B. diese Seiten anschauen:
            http://aktuell.de.selfhtml.org/artikel/css/footer/beispiel2.htm
            http://www.lipfert-malik.de/webdesign/tutorial/bsp/position-fixed.html
            oder ggf. einfach auf fixed verzichten.

            Also z.B. für ältere Explorer schauen, ob du per CSS-Weiche o.ä.
            das CSS umfassen anpasst, oder nur etwas wie (ungetestet):
            * html body #logo { position:absolute; }
            versuchen.

            Grüsse
            Cyx23

            1. dankeschön :-) werde es morgen gleich ausprobieren ... jetzt muss ich zur Arbeit :-) n8@all

  2. <!--[if lt IE 7.0]>
      <style type="text/css">#logo {position:absolut; left:720px; top:0};</style>
    <![endif]-->

    position:absolut ist ungültig (da fehlt ein "e") und bewirkt anscheinend, dass der IE da ein display:block draus macht.