Christian: Div bei Netscape 4.76 und bei Netscape 6

SELF-Forum

Div bei Netscape 4.76 und bei Netscape 6

Christian
– Informationen zu den Bewertungsregeln

Hallo

Bei mir zeigt der Netscape 4.76 einen Div-Tag nicht an der Stelle an an der ich ihn Positioniert habe. Woran liegt das?

Der besagte Div-Tag liegt in einem anderen Div-Tag.

Hier Beispiel-Code:

<body>
<div id="oben" style="position: absolute; top:50px; left:100px;">
  <div id="überschrift"style="position:absolute;top:10px;left:375px;">
    <b>
      <font size="4">Hallo-Test</font>
    </b>
  </div>
  <form>
    <div id="aufnahme"style="position:absolute;top:30px;left:375px;">
      <input type="Submit"name="1"value="1"style="width:110px;height:25px";>
    </div>
  </form>
  <form>
    <div id="aufnahme"style="position:absolute;top:60px;left:375px;">
      <input type="Submit"name="2"value="2"style="width:110px;height:25px";>
    </div>
  </form>
  <form>
    <div id="aufnahme"style="position:absolute;top:90px;left:375px;">
      <input type="Submit"name="3"value="3"style="width:110px;height:25px";>
    </div>
  </form>
</div>
</body>

Vielen Dank

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Div bei Netscape 4.76 und bei Netscape 6

    Antje Hofmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Christian

    Bei mir zeigt der Netscape 4.76 einen Div-Tag nicht an der Stelle an an der ich ihn Positioniert habe. Woran liegt das?

    :-) interessante js-Fehlermeldung bringt der Netscape:

    illegal character.

    document.ids.überschrift.position = "absolute"
                 ^^^

    ansonsten noch folgende Fehler:
    eine ID darf pro Dokument nur einmal vergeben werden
    die Forms sollten in die absolut positionierten Divs hinnein
    keine Inlinestyles sondern Klassen für die Formelemente verwenden, NN vergisst nach dem ersten Inlinestyle den kompletten Rest.

    korrigierter Code:

    <html><head><title></title>
    <style type="text/css">
    <!--
    .absenden {width:110px;height:25px}
    -->
    </style>
    </head>
      <body>
    <div id="oben" style="position: absolute; top:50px; left:100px;">
      <div id="ueberschrift" style="position:absolute;top:10px;left:375px;">
        <b>
          <font size="4">Hallo-Test</font>
        </b>
      </div>

    <div id="aufnahme1" style="position:absolute;top:30px;left:375px;">
         <form> <input type="Submit" name="1" value="1" width="110" class="absenden"> </form>
        </div>

    <div id="aufnahme2" style="position:absolute;top:60px;left:375px;">
          <form><input type="Submit" name="2" value="2" width="110" class="absenden"></form>
        </div>

    <div id="aufnahme3" style="position:absolute;top:90px;left:375px;">
        <form>     <input type="Submit" name="3" value="3" width="110" class="absenden"></form>
        </div>

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

    Achso, die Angabe width="110"  ist zwar nicht Standardkonform, bewegt aber Netscape 4 dazu das Element breit anzuzeigen.

    Viele Grüße

    Antje

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln