Martin: Internet Explorer läßt 1px Rand-Abstand

Hallo, ich versuche gerade ein CSS-Layout systematisch aufzubauen. Und zwar mit folgenden Angaben:

CSS:
body, html {height: 100%; margin: 0; padding: 0;}
body>#box {height: auto;}

#box {height: 100%; margin-left: 50px;}

#links {height: 100%; margin-right: 200px;}
#rechts {position: absolute; right: 0; top: 0; width: 200px; height: 100%;}

HTML body:
<div id="box">
<div id="links>linkespalte</div>
<div id="rechts">rechtespalte</div>
</div>

Soweit alles Prima, ABER: der Internet Explorer läßt zwischen rechtem Fensterrand un rechter Box (id="rechts") 1px Rand. Das soll er natürlich nicht.

Kann mir da jemand helfen und weiß, wie ich das verhindern kann?

Martin

  1. hallö,

    zuerst einmal: mein M$IE 6.0 lässt keinen rand. mal schnelle "mein" CSS (farben hinzu):
    body, html {height: 100%; margin: 0; padding: 0;}
    body>#box {height: auto;}

    #box {height: 100%; margin-left: 50px; background:#FF0000; }

    #links {height: 100%; margin-right: 200px; background:#FFFF00; }
    #rechts {position: absolute; right: 0; top: 0; width: 200px; height: 100%; background:#0000FF; }

    noch eine frage:

    body>#box {height: auto;}

    soll das den IE umgehen?

    #box {height: 100%; margin-left: 50px;}

    das wird doch hier (auch für andere browser) wieder aufgehoben - oder?!

    und:

    <div id="links>linkespalte</div>

    .................^ hier fehlt ein "

    grüße aus Leipzig
    willie.de

    --
    If looks could kill they probably will.
    ss:| zu:} ls:# fo:| de:] va:} ch:? sh:( n4:( rl:° br:> js:| ie:% fl:( mo:}
    http://peter.in-berlin.de/projekte/selfcode/
    1. Hallo!

      zuerst einmal: mein M$IE 6.0 lässt keinen rand. mal schnelle "mein" CSS (farben hinzu) ...

      ja, genau. wen mans einfärbt, sieht man, dass rechts im ie 1px farbiger (roter Rand ist). Jedenfalls wann das Fenster so auf 1024px aufgezogen ist. Ich will ja nicht pingelig sein, aber ich habe da ein Layout, bei dem es auf jeden Pixel ankommt.

      noch eine frage:

      body>#box {height: auto;}
      soll das den IE umgehen?

      Bewirkt, dass wenn im linken div viel Text ist (über Bildschirmhöhe hinaus), Opera und Moz die Box auf Text-Länge vergrößern (nach unten)

      #box {height: 100%; margin-left: 50px;}
      das wird doch hier (auch für andere browser) wieder aufgehoben - oder?!

      Stimmt, kann wech. ändert aber nix.

      und:

      <div id="links>linkespalte</div>
      .................^ hier fehlt ein "

      richtig. ist im Original drin :-)

      Bleibt das Problem des misteriösen Pixels rechts.

      Danke trotzdem.
      Martin

      1. hallö,

        ja, genau. wen mans einfärbt, sieht man, dass rechts im ie 1px farbiger (roter Rand ist).

        ich schwöhööre, da ist kein rand. hab auch verschiedene !doctypes getestet. gibts vielleicht noch mehr inhalt in der datei?
        mal meine daten:
        Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
        1024x768@32Bit

        Ich will ja nicht pingelig sein, aber ich habe da ein Layout, bei dem es auf jeden Pixel ankommt.

        logo.

        grüße aus Leipzig
        willie.de

        --
        If looks could kill they probably will.
        ss:| zu:} ls:# fo:| de:] va:} ch:? sh:( n4:( rl:° br:> js:| ie:% fl:( mo:}
        http://peter.in-berlin.de/projekte/selfcode/
        1. mal meine daten:
          Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
          1024x768@32Bit

          im ie6 ist der rand, bei moz und opera ist alles ok.

          aber ich bastel gerade eine andere layout-lösung. danke erstmal.

          Grüße, Martin