M@rk: MSIE 5.x positioniert DIV mit Abstand

Hallo Leute,

ich mache gerade eine Web-Site mit DIV's und CSS. http://schlosserei-kerner.de/test_css.php Jetzt habe ich beim voläufigen Layout das Problem, daß MSIE 5.x das Inhalts-DIV mit einem Abstand auf der rechten Seite positioniert. Alles andere passt bis jetzt bei FF, Opera, MSIE 6.x, Konqueror... Ich habe mich bereits durchgegoogelt und einige Vorschläge probiert, leider ohne Erfolg. Vielleicht kann mir ja einer der Cracks hier weiterhelfen!!!

Gruß M@rk

  1. hi,

    ich mache gerade eine Web-Site mit DIV's und CSS. http://schlosserei-kerner.de/test_css.php Jetzt habe ich beim voläufigen Layout das Problem, daß MSIE 5.x das Inhalts-DIV mit einem Abstand auf der rechten Seite positioniert.

    kann hier beim anschauen mit opera/IE 6 und einem "pseudo"-IE 5 den beschriebenen effekt nicht ausmachen.

    Ich habe mich bereits durchgegoogelt und einige Vorschläge probiert, leider ohne Erfolg.

    wieder so präzise angaben ... "ich hab da was versucht" - dass das zur beurteilung ungefähr so hilfreich ist wie die aussage, "ich hab zweineinhalb stunden lang nur in der nase gebohrt, aber davon ist das problem auch nicht weggegangen", ist dir doch wohl klar?

    aber vermutlich solltest du dich intensiver mit dem box model bog der älteren IE-versionen beschäftigen, insbesondere was die berechnung von elementebreiten aus width, padding und bordern angeht.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
  2. Hi Marc,

    wenn du dich wunderst warum keiner antwortet....
    ich wundere mich nicht ;)

    Habe mir den Quelltext der Seite zwar angeschaut, aber extra deine Css-Dateien runterzuladen, hatte ich dann auch keine Lust.

    Ohne zu sehen wie der Quelltext aussieht (speziell die Css Eigenschaften) ist das dann nur rumgerate.

    Da kann man nur vorschlagen nach guter alter "try and error" marnier
    den Quelltext immer weiter zu reduzieren und auszuprobieren woran es liegen könnte... :)

    gruß ron

    1. Hi ron und wahsaga,

      ich wollte unnötiges geschreibsel ersparen, da ich dachte mir kann einfach jemand kurz beschreiben wie man den Bug umgehen kann. Der Effeckt stellt sich bei IE 5.00 und IE 5.5 dar.
      Ja was ich als letzteres versucht habe ist hier beschrieben:
      http://www.positioniseverything.net/explorer/threepxtest.html
      kam ich aber auch nicht damit weiter...

      Doch hier mein CSS File:

      body {
          font-family: Verdana;
          font-size: 10px;
          background: #EFEBFF;
          text-align: center;
          margin: 15px;
          color: #000000;
      }

      #header {
          height: 96px;
          width: 774px;
          BACKGROUND:url(http://www.schlosserei-kerner.de/pics/header.jpg);
          BACKGROUND-REPEAT: no-repeat;
      }

      #header_bottom {
      /* Angabe für den IE 5.x */
          width: 774px;
          height: 20px;
          text-align:left;
          padding-left: 5px;
          padding-right: 20px;
          padding-top: 3px;
          padding-bottom: 2px;
          background-color: #000099;
          color: #FFFFFF;
          voice-family: ""}"";
          voice-family: inherit;
      /*Angabe für die anderen Browser */
          width: 749px;
          height: 16px;
          padding-left: 5px;
          padding-right: 20px;
          padding-top: 3px;
          padding-bottom: 2px;
          text-align:left;
          background-color: #000099;
          color: #FFFFFF;
      }

      .dummy1 {
      margin: 0; /* Dummy-Angabe für IE 5.0 Bug*/
      }

      #main {
          width: 100%;
          background: #B5B6FF;
          width: 774px;
      }

      #menu {
          width: 165px;
          line-height:15px;
          padding-left: 0px;
          background-color: #B5B6FF;
          border-style: none;
          float: left;
          padding-top: 20px;
      }

      #content {
      /* Angabe für den IE 5.x */
          width: 607px;
          padding-left: 5px;
          float: left;
          background: #FFFFFF;
          line-height:15px;
          voice-family: ""}"";
          voice-family: inherit;
      /*Angabe für die anderen Browser */
          width: 599px;
          padding: 5px;
          float: left;
          background: #FFFFFF;
          line-height:15px;
      }

      .dummy2 {
      margin: 0; /* Dummy-Angabe für IE 5.0 Bug*/
      }

      #footer {
          border-top: solid 1px #000099;
          height: 30px;
          width: 774px;
          clear: both;
          BACKGROUND:url(http://www.schlosserei-kerner.de/pics/footer.jpg);
      }

      Hier der HTML Teil dazu:

      <?php
          include("header.php");
      ?>
      <body>
      <div style="width:774px; margin:0px auto; text-align:left; background-color:#B5B6FF; border:1px solid #000099;">
          <div id="header">
          </div>
          <div id="header_bottom">
              <a style="float: right; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px;">letztes Update: 17.03.2005</a>
          </div>
          <div id="main">
              <div id="menu">
                  <?php
                      include('menu/dynmenu.php');
                  ?>
              </div>
              <div id="content">
                  <b><p class="mittel"Inhalt></b>
                      <p class="inhalt">Herzlich willkommen,<br>
                      bei unserem neuen Online - Portal.<br>
                      Wir möchten Ihnen hier Informationen
                      rund um unsere Schlosserei näher bringen.<br>
                      <br>
                      <br>
                      <center><img src="../pics/construction.jpg" alt="Stadion Luftaufnahme"></center>
                      <br>
                      <br>
                      Sollten wir Ihr Interesse an unserem Betrieb geweckt haben,<br>
                      können sie mit uns gerne, über unser Kontaktformular Kontakt aufnehmen.
                      <br>
                      <br>
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Wir wünschen viel Spass auf unserer Web-Site.</b>
                      <br>
                      <br>
                      <br>
                      <br>
                      <br>
                      <br>
                      <br>
                      <br>
              </div>
          <div style="font-size: 1px; line-height: 0; height: 0; clear: both;">&nbsp;</div>
          </div>
          <div id="footer">
      </div>
      </div>
      </body>
      </html>

      Vielen Dank für Eure Mühe.

      Gruß M@rk

      1. hi marc,

        sitze hier ohne Mac, habe aber auch keine Ahnung was man da machen könnte.
        Wollte wenigstens bescheid sagen das ich dir nicht helfen kann.

        Was wahsaga da meinte könnte aber doch ne richtung sein...

        viel glück..

        gruß ron

        1. Hi ron,

          ist ok... Ich werde mich mit dem Problem beschäftigen und es versuchen zu lösen, wie mir ja wahsaga bereits vorgeschlagen hat...

          Vielen Dank

          Generell:

          ... nur schade, daß ich jedes mal das Gefühl habe als Anfänger in diesem Forum nicht gewollt zu werden, vielmehr eher mit schlauen Sprüchen vollgeschüttet zu werden bevor man eine Hilfe gekommt.

          Kann sein daß ich mich täusche, habe aber leider dein Eindruck...

          Gruß M@rk

          1. Hallo,

            Kann sein daß ich mich täusche

            Das denke ich auch.
            In menen Augen gibt es 2 Gründe, warum du hier nicht mit einer schnellen Antwort rechnen konntest.

            1. es haben sicher nicht viele einen MSIE 5.x zur Verfügung (ich habe z.b. keinen).
            2. die angegebene Seite ist (wie ron schon sagte) nicht auf ein Minimum reduziert, was eine Fehleranalyse zeitaufwendiger macht

            mfg NAG

            --
            signatur
            1. Hallo NAG,

              dieses Problem ist kein generelles Problem meines Quelltextes, da es in allen mir verfügbaren Browsern funktioniert bis eben auf den IE 5.x. Wie man ja auch durch Google sieht der Bug bkannt ist, nur bekomme ich es eben nicht hin. Dachte halt auf diesem Wege Hilfe zu bekommen.

              ... macht nix, hab ja Zeit!

              Gruß M@rk

          2. hi,

            ... nur schade, daß ich jedes mal das Gefühl habe als Anfänger in diesem Forum nicht gewollt zu werden, vielmehr eher mit schlauen Sprüchen vollgeschüttet zu werden bevor man eine Hilfe gekommt.

            ich finde es schade, dass einem hier so oft vorgeworfen wird, dass man "nur schlaue sprüche" bringen würde, wenn man jemandem explizit stichwort nennt, über die er sich informieren sollte.

            Kann sein daß ich mich täusche, habe aber leider dein Eindruck...

            getäuscht hast du dich dann, wenn du glaubst, dass dir hier andere das denken abnehmen.

            wenn du ein stichwort genannt bekommst, dann informiere dich bitte darüber - anstatt dich zu beschweren, dass der antwortende nicht sofort alles stehen und liegen lässt und seine (frei)zeit opfert, um _dein_ problem für _dich_ zu lösen.

            gruß,
            wahsaga

            --
            /voodoo.css:
            #GeorgeWBush { position:absolute; bottom:-6ft; }