Tim W.: Darstellungsproblem mit IE

Hallo,

habe ein Problem mit der Positionierung eines Logos im IE.

Die Adresse ist: http://www.test.musikverband-nrw.de

Im Firefox steht die Grafik am oberen linken Bildrand, im IE in der Mitte.

Habe die Grafik folgendermaßen im Stylesheet eingebunden:
.sitelogo {width:70px; height:70px; position:absolute; float:left;  padding-left:20px; padding-top:20px; z-index:1; background:url(../images/logo_klein.gif) no-repeat; }

In der index.php sieht das Ganze folgendermaßen aus:
<div id="container">
<div id="smallbar"><a class="sitelogo"></a><h1 title="This is <?php echo $mosConfig_sitename;?>"><?php echo $mosConfig_sitename; ?></h1><span></span></div>

Wäre super nett, wenn mir jemand weiterhelfen könnte.

  1. hi,

    Im Firefox steht die Grafik am oberen linken Bildrand, im IE in der Mitte.

    Habe die Grafik folgendermaßen im Stylesheet eingebunden:
    .sitelogo {width:70px; height:70px; position:absolute; float:left;

    float und absolute Positionierung gleichzeitig sind sinnfrei.
    position:absolute gewinnt.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Ok danke. Das hätte ich schon einmal.

      Nur ist der Hintergrund der transparenten Grafik nun dunkler, was eigentlich nicht sein soll.

      Noch einmal die Einbindung im Stylesheet:
      .sitelogo {width:70px; height:70px; float:left;  padding-left:20px; padding-top:20px; z-index:1; background:url(../images/logo_klein.gif) no-repeat; }
      #smallbar h1 {
          float:left;
          width:300px;
          background: transparent url(../images/content_header_bg_left.gif) repeat-x;
          height:70px;
          margin:0;
          padding-left:35px;
        font-size:150%;
        line-height:50px;
        font-weight:bold;
        color:#FBFBFB;
        overflow:hidden;
        }
      #smallbar  {
        clear:left;;
        background:#8F8F8F url(../images/content_header_bg.gif) repeat-x;
        height:70px;
        border-bottom: 6px solid #353535;
        border-top: 5px solid #0096E1;
        }
      #smallbar span  {
        float:left;
        background:#8F8F8F url(../images/content_header_bg_right.gif) no-repeat;
        height:70px;
        width:75px;

      und in der index.php:
      <div id="container">
      <div id="smallbar"><a class="sitelogo"></a><h1 title="This is <?php echo $mosConfig_sitename;?>"><?php echo $mosConfig_sitename; ?></h1><span></span></div>