• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme mit print.css im IE

mavc

Neues Mitglied
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:

Code:
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
 
Zuletzt bearbeitet:
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?
 
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.
 
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!IE_9_Druckversion.jpg
 
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.
 
Zurück
Oben