Markus Trusk: IE stellt Prozentangaben nicht richtig dar.

Hi,
Ich habe einen Layer, der genau in der Mitte positioniert werden soll, aber eine dynamische Breite hat.
-> http://testboard.acid4u.com/
Ich verstehe nicht was dem IE dabei unklar ist, wo ich doch links und rechts 1% von den 98% Breite insgesamt abziehe. Der IE schiebt den Balken zu weit nach links, aber warum? Opera und Mozilla machen es so, wie ich es erwarte.
P.S Falls jemand fragt, warum das <img> auch zwischen <div>s ist: Wenn das ich das nicht tue, dann sind die 40px Höhe beim IE auf einmal ca 45px, und man kann die Hintergrundfarbe vom body in Form einer ca 5px hohen Linie sehen.

Markus Trusk.

  1. Hi Markus,

    Ich habe einen Layer, der genau in der Mitte positioniert werden soll, aber eine dynamische Breite hat.
    -> http://testboard.acid4u.com/

    http://testboard.acid4u.com/stylesheets.css
    #ueberschrift {position:absolute; top:8px; left:1%; right:1%; width:98%;

    position:absolute; wird IMHO durch die Angabe von top und left festgelegt. Möglicherweise ist der IE durch die zusätzliche (überflüssige?) Angabe von "right" irritiert. Was passiert wenn du right weglässt?

    Und was ist wenn du den Layer mittels margin:auto zentrierst?

    Grüße,

    Jochen

    1. Hallo,

      position:absolute; wird IMHO durch die Angabe von top und left festgelegt. Möglicherweise ist der IE durch die zusätzliche (überflüssige?) Angabe von "right" irritiert. Was passiert wenn du right weglässt?

      Mozilla und Opera stellt es so dar, wie wenn ich right hinschreibe, also lasse ich es weg, da es wirklich anscheinend überflüssig ist.

      Und was ist wenn du den Layer mittels margin:auto zentrierst?

      wenn ich margin:auto hineinschreibe, zeigt es bei keinem Browser auf irgendeine Weise einen Effekt.

      Der IE stellt es noch immer falsch dar.

      Markus Trusk.

      1. Hallo,

        wenn ich margin:auto hineinschreibe, zeigt es bei keinem Browser auf irgendeine Weise einen Effekt.

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
             "http://www.w3.org/TR/html4/strict.dtd">
        <html>
        <head>
        <title>CSS - horizontale Zentrierung</title>
         <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
        <style type="text/css">
        <!--
        body {
         margin:0;
         padding:0;
         height:100%;
         width:100%;
         text-align:center; /* ist für den Internet Explorer nötig! */
         }

        div {
         text-align:left; /* ist für eine linksbündige Ausrichtung nötig */
         margin-left:auto;
         margin-right:auto;
         width:98%;
         background-color:red;
         height:50px
         }
        -->
        </style>
        </head>
        <body>

        <div> Inhalt </div>

        </body>
        </html>

        mfg NAG

        --
        signatur
        1. Hi,
          danke euch. ich habe jetzt eure Vorschläge in wenig kombiniert und es funktioniert, aber ich habe noch ein Problem:
          Opera zeigt mir diese Mittellinie zwischen den Links nicht an, aber warum?
          ->  http://testboard.acid4u.com/

          Markus Trusk.

          1. Hallo,

            die Tabelle finde ich nicht angebracht. (Stichwort "tabellarische Inhalte"). Für Menus eignen sich Listen ganz hervorragend.
            Versuch es mal so:

            http://www.stud.uni-giessen.de/~su6690/selfhtml/css02absp.html

            mfg NAG

            --
            signatur
            1. Hi,

              http://www.stud.uni-giessen.de/~su6690/selfhtml/css02absp.html

              Also wenn ich es so mache, muss in den Links einen Background zuweisen, da sonst die Linie durch die Schrift durchgeht, womit diese aussieht, als sei sie durchgestrichen. Wenn ich aber einen Background zuweise, erkennt man beim genaueren Hinsehen den Unterschied zur Schartierung. Wenn nicht bei diesen Links, dann bei den anderen, die dann im helleren Bereich sein werden.
              Ich glaube das eine Tabelle in diesem Fall die beste Lösung ist. <div> Layer habe ich auch schon ausprobiert, aber das Problem ist der letze Strich, der ja vom letzten Link bis am Schluss gehen soll, aber da die Breite dynamisch ist, ist das ein großes Problem.
              Somit nochmal zu meiner ursprüngl. Frage. Warum kann Opera die Linie nicht anzeigen?

              Markus Trusk.

              1. .. ich habe in Corel 10 versehentlich irgendwie immer eine Maske mitgespeichert, die dem Opera anscheinend nicht gepasst hat.

                Markus Trusk.

      2. Hallo Markus,

        Der IE stellt es noch immer falsch dar.

        Der IE hat eine default-margin. Ein "body margin:0px;"  im StyleSheet sollte helfen.

        Grüße,

        Jochen