Probleme mit print.css im IE

[mavc]

Hallo an Alle!
Ich möchte die von mir erstellte Webseite auch druckbar machen. Also habe ich eine print.css erstellt, die auch in firefox, safari, google chrome perfekt funktioniert. Nur im Internet explorer reisst es mir das ganze Layout auseinander, indem der border-Rahmen nach rechts abrutscht, während der darin enthaltene Text völlig richtig auf der Seite positioniert ist. Was mache ich falsch? Welche codes muss ich für den IE ändern, dass das Layout auch in diesem browser stimmt? Ihr findet die Seite unter bewusst-machen.de.

Ich hänge den Code der print.css an:

body {
    font: Arial, Times, serif;
    font-size: 12pt;
    color: black;
    background: #fff;
    
}
body, #center_column {
    width: auto !important;
    width: auto;
      margin: 0 !important;
    margin: 0;
      padding: 0 !important;
    padding: 0;
}
a:link, a:visited {
      background: transparent;
      color: #520;
      font-weight: bold;
      text-decoration: underline;
}
a[href]:after {
  content:" <"attr(href)">";
  background-color: inherit;
  color: #369;
  font-style: italic;
  }

h1 {
    font-size: 14pt;
    font-weight: bold;
    color: #b7173a;
}

h2 {
    font-size: 14pt;
    color: #b7173a;
    padding-top: 6pt;
}

h3 {
    font-size:12pt;
    font-weight: bold;
    color: #999;
}
h1,h2,h3 {
    font-family: Arial, Times, sans-serif;
    text-align: center;
    page-break-after: avoid; 
}

p, address, li, dt, dd {
font-size: 100%
}


ul, ol {
list-style: square; margin-left: 18pt;
}

li {
line-height: 1.6em;
}
#container {
    margin: 0 auto;
    padding: 10px;
    border: solid 2px;
    border-color: #b7173a;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    behavior: url(ie-css3.htc);
}


#banner, #zitat, #navcontainer, #navcontainer ul, #left_column, #vertical_menu, #footer {
    display: none;
}

Danke!
Gruß mavc

 

[threadi]

Bitte schau dir den HTML-Code als erstes an. Der ist lange nicht sauber:
[Invalid] Markup Validation of http://www.entwurf.web-vc.com/ - W3C Markup Validator

Korrigiere diese, dann könnten auch Fehldarstellungen wegfallen.

Wenn es auch danach nicht geht: welche IE-Version nutzt Du?

 

[mavc]

Danke für den Hinweis! War die Liste, die ich nicht abgeschlossen hatte. Leider hat die Korrektur für die Druckansicht im Internet Explorer (Version 9) nichts gebracht. Hast Du noch eine Idee?

 

[threadi]

Wie ist die Antwort auf meine Frage? :)

 

[mavc]

Öhhh - wie oben geschrieben: ich habe die Druckversion im Internet Explorer 9 getestet.

 

[threadi]

In meinem IE9 hier kann ich das nicht nachvollziehen. Da passt alles und ich habe auch nur eine Seite zum drucken - keine Überbreiten. Vlt. hängt es bei dir mit der Auswahl der Größenanpassung zusammen?! Bei mir habe ich immer "An Größe anpassen" ausgewählt, was imho auch Vorgabe ist für die IE-Druckfunktion.

 

[mavc]

Ich habe es gerade im IE 8 ausprobiert - da klappt alles wie gewollt. Die Option "An Größe anpassen" ist bei mir ebenfalls gewählt. Ich schicke jetzt noch einmal ein screenshot mit - als letzten Versuch, ob Dir dazu noch etwas einfällt. Ansonsten lasse ich die Finger davon...
Danke für die Mühe!

 

[threadi]

Sorry, kann ich bei mir auch weiterhin nicht nachvollziehen. Ist das bei dir nur auf einem System so? Probier es mal mit einem anderen aus.