marco: IE zeigt Fehler an. Moz nicht. Why?

Hallo zusammen.

Hab einfach immer mit der Erstellung eines "runden" Templates Probleme. Schaut euch mal diese Seite an.

http://www.bosch-bug.de/develop/index.html

Dort gibt es unten zwei orange Balken. Der rechte wird meiner Meinung nach im IE nicht richtig dargestellt. Er müßte wie im Mozilla komplett mit der Seite rechts abschließen. Also bei 0 Pixel.

Warum tut er das nicht? Und wie könnte man das lösen?

  1. Hallo,

    Warum tut er das nicht? Und wie könnte man das lösen?

    bitte erstelle eine Testdatei, die den relevanten Quelltext enthält
    oder poste diesen hier. Vermutlich wirst Du so bereits selbst die
    Lösung des Problemes finden.

    Viele Grüße,
    Stefan

    1. bitte erstelle eine Testdatei, die den relevanten Quelltext enthält
      oder poste diesen hier. Vermutlich wirst Du so bereits selbst die
      Lösung des Problemes finden.

      HTML Quelltext

      <div class="schluss"> </div>

      CSS des Problem Div

      .schluss
                      {
                      background-color:#FACB89;
                      margin-top:30px;
                      margin-bottom:20px;
                      height:20px;
                      }

      CSS des übergeordneten Divs

      #kapitel
                      {
                      position:absolute;
                      top:65px;
                      left:0px;
                      right:210px;
                      height:30px;
                      background-color:#FEF5EB;
                      }

      Vielleicht kann mir jemand weiterhelfen. Bin echt ein bißchen ratlos.

      1. Hallo,

        bitte erstelle eine Testdatei, die den relevanten Quelltext enthält
        oder poste diesen hier. Vermutlich wirst Du so bereits selbst die
        Lösung des Problemes finden.

        HTML Quelltext
        CSS des Problem Div
        CSS des übergeordneten Divs

        Ergibt dann die nachfolgende Datei und da kann ich das von Dir ge-
        schilderte Problem nicht nachvollziehen. Kann es sein, dass Du da
        etwas vergessen hast?
        "Relevanter Quelltext" bedeutet, dass Du den Teil hier postest bzw.
        auf einer verlinkten Testseite einbaut, so dass das beschriebene
        Probleme da noch auftritt.

        Viele Grüße,
        Stefan

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
        <html>
        <head>

        <title>123</title>

        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
            <meta http-equiv="content-style-type" content="text/css">
            <meta http-equiv="language" content="de">

        <style type="text/css">
            #kapitel
                            {
                            position:absolute;
                            top:65px;
                            left:0px;
                            right:210px;
                            height:30px;
                            background-color:#FEF5EB;
                        }

        .schluss
                            {
                            background-color:#FACB89;
                            margin-top:30px;
                            margin-bottom:20px;
                            height:20px;
                        }
            </style>

        </head>
        <body>

        <div id="kapitel"><div class="schluss"> </div></div>

        </body>
        </html>

        1. Bin manchmal ein bißchen schwerfällig von Begriff. Also ich habe alle relevanten Code Teile in die folgende Datei kopiert.

          http://www.bosch-bug.de/develop/test.htm

          Hilft dir das, zum Durchblick?

          1. Hallo,

            Bin manchmal ein bißchen schwerfällig von Begriff. Also ich habe alle relevanten Code Teile in die folgende Datei kopiert.

            http://www.bosch-bug.de/develop/test.htm

            Hilft dir das, zum Durchblick?

            Auf den ersten Blick würde ich für das body-Element noch padding:0;
            und margin:0; definieren, sollte das Problem lösen.

            Viele Grüße,
            Stefan

            1. Super. Hat wirklich funktioniert.

              Danke für die Hilfe, Stefan. Die kleinen Dinge bringen mich doch manchmal wirklich ins Grübbeln.

              Eine schöne Nacht.

              marco

  2. hallo,

    Warum tut er das nicht? Und wie könnte man das lösen?

    Schau mal in deine CSS. Da steht drin:
      padding-right:40px;

    Grüße aus Berlin

    Christoph S.

    1. Warum tut er das nicht? Und wie könnte man das lösen?
      Schau mal in deine CSS. Da steht drin:
        padding-right:40px;

      Das bezieht sich auf einen benachbarten Div und nicht auf den besagten.