jens: border: none; aber trotzdem Ausdruck?!

Beitrag lesen

Hallo zusammen,

ich habe ein DIV im screen-css mit border-left: 4px outset #bbb; formatiert. Für den Druck möchte ich dieses jedoch nicht haben. Allerdings ignorieren sämtliche Browser diese neue Angabe im print-css und setzen trotzdem den Border des screen-css. Woran kann das liegen? Macht mich noch ganz verrückt... alle anderen Angaben werden ohne Probleme umgesetzt.

Hier die Auszüge des Codes/der CSSs:

aspx/html:

<div id="container">
  <div id="nav>
  </div>
  <div id="outerContent">
  <div id="innerContent">
  ...
  </div>
  </div>
</div>

screen.css:

div#container { width:auto; overflow:hidden; clear:both; }
div#nav { width: 200px; height: auto; float:left; overflow:hidden; border: none; background-color:#CCC; }
div#outerContent { width:auto; background-color:#bbb; overflow:hidden;}
div#innerContent { float:left; background-color:white; border-left: 4px outset #bbb; padding-left:15px; padding-right:35px; text-align:justify; background-image: url(../img/bg_gfx.jpg);  background-repeat:no-repeat; background-position: bottom right;}

print.css:

div#nav { display:none; width:auto; height: auto; }
body { background-color: White; border: 0 px solid; }
div { border-left: 1px solid white;  }
div#innerContent { border-left: none;  }

Wer hat 'ne Idee?

Grüße,

Jens.