Garrot: Darstellung Trennlinie

Hallo,
ich habe eine Trennlinie mit Länge und Positionierung definiert, die in Firefox, Opera und Netscape korrekt dargestellt wird. IM Ie jedoch ist sie verschoben.
Weiß jemand ob es bei IE da Einschränkungen oder einen Fehler gibt?
Wo kann ich solche Unterschiede der Browser in einer Übersicht nachlesen?
Gruß
Garrot

  1. Der IE hat in vielen Punkten Einschränkungen.... Hier auf selfhtml.org wird die Browserkomplexität in jedem Kapitel beachtet.
    Zeig mal bitte deinen Quellcode.

    Gruß, Schnatz

    1. Zeig mal bitte deinen Quellcode.

      Nachfolgend der Quellcode.
      Wenn ich die table-Angabe weglasse, funktioniert es auch im IE -
      aber das möchte ich nur ungern.
      Gruß
      Garrot

        
      <html>  
      <head>  
      <title>Test</title>  
      <style type="text/css">  
      #Inhaltsverzeichnis {  
        position:absolute;  
        left:0;  
        top:0;  
        overflow:auto;  
        height:100%;}  
      #navi  {width:18em;}  
      #Inhalt {margin-left:19em;}  
      </style>  
      </head>  
      <body>  
      <div id="Inhaltsverzeichnis">  
      <br><br>  
      <h3>Auswahl</h3>  
      bla bla  
      <br>  
      <hr width="150"></hr>  
      <br>  
      bla bla  
      <table border="0" width="100%">  
        <tr>  
          <td>aaaa</td>  
        </tr>  
      </table>  
      </div>  
      <div id="Inhalt">  
      <h3 style="text-align:center">...</h3>  
      <h3 style="text-align:center">blablabla</h3>  
      </div>  
      </body>  
      </html>  
      
      
      1. Mh, verzwickte Sache - da muss ich passen :-/

      2. Hallo!

        <hr width="150"></hr>

        Mit <hr style="width:150px; text-align:left;" />  klappt es.

        Laut Selfhtml Referenz ist align standardmäßig "left".
        Das W3C schreibt allerdings "The default is align=center".

        Viele Grüße aus Nürnberg
        Johannes

  2. Hi!
    Bei mir in meinem IE 6 funktioniert es so wunderbar:

    <html>
    <head>
    <title>Test</title>
    <style type="text/css">
    #Inhaltsverzeichnis {
      position:absolute;
      left:0;
      top:0;
      overflow:auto;
      height:100%;}
    #navi  {width:18em;}
    #Inhalt {margin-left:19em;}
    </style>
    </head>
    <body>
    <div id="Inhaltsverzeichnis">
    <br><br>
    <h3>Auswahl</h3>
    bla bla
    <br>
    <hr width="150" style="text-align:left">
    <br>
    bla bla
    <table border="0" width="100%">
      <tr>
        <td>aaaa</td>
      </tr>
    </table>
    </div>
    <div id="Inhalt">
    <h3 style="text-align:center">...</h3>
    <h3 style="text-align:center">blablabla</h3>
    </div>
    </body>
    </html>

    szia, Lukas
    ps: Das <hr>-Element hat keinen Schlusstag. Wenn du es XHTML konform machen willst, dann schreibe <hr />