problem print bei overflow text
sascha_kote
- css
hallo,
ich habe einen text in einer seite mit overflow und einer höhe von 300px.
<div id=inhalt class=text align="left" style="width:500px; overflow:auto; height:300px; padding-right:5px; margin-left:40px; margin-top:10px; margin-right:85px; margin-bottom:10px;">
text text text text text text
</div>
mein problem ist:
beim aufruf der seite kann ich ja den text normal scrollen, der über 300px
hinaus geht.
will ich die seite aber drucken, wird mir nur der text gedruckt, der im
fenster zu sehen ist und nicht auch der, den man scrollen müßte.
<link rel="stylesheet" href="print.css" media="print">
meine print.css sieht so aus:
body
{
margin: 2em;
padding: 0;
font-family: Verdana;
font-size: 12px;
line-height: 15px;
color: #000000;
text-decoration: none;
font-weight: normal;
}
#inhalt
{
font-family: Verdana;
font-size: 12px;
line-height: 15px;
color: #000000;
text-decoration: none;
font-weight: normal;
}
#logo
{
display: none;
}
#navi
{
display: none;
}
geht das überhaupt, oder muss ich etwas angeben, damit der text gedruckt wird?
danke
sascha
Hi,
will ich die seite aber drucken, wird mir nur der text gedruckt, der im
fenster zu sehen ist und nicht auch der, den man scrollen müßte.
das liegt daran, dass Du keine Angaben gemacht hast, die die Darstellung anders gestalten können.
meine print.css sieht so aus:
So. Und wie muss sie lauten, damit der Text dargestellt werden kann? Tipp: Simuliere es erst auf dem Bildschirm.
Cheatah
So. Und wie muss sie lauten, damit der Text dargestellt werden kann? Tipp: Simuliere es erst auf dem Bildschirm.
simuliert hab ich es mit overflow:visible;.
wird am bildschirm optimal angezeigt, jedoch nicht gedruck.
#inhalt
{
font-family: Verdana;
font-size: 12px;
line-height: 15px;
color: #000000;
text-decoration: none;
font-weight: normal;
overflow:visible;
}
sascha
Hi,
simuliert hab ich es mit overflow:visible;.
wird am bildschirm optimal angezeigt, jedoch nicht gedruck.#inhalt
{
font-family: Verdana;
font-size: 12px;
line-height: 15px;
color: #000000;
text-decoration: none;
font-weight: normal;
overflow:visible;}
wenn Du exakt(!) diesen Code als Screen-Stylesheet angibst, wird es auf dem Bildschirm angezeigt?
Cheatah
wenn Du exakt(!) diesen Code als Screen-Stylesheet angibst, wird es auf dem Bildschirm angezeigt?
mit overflow:auto; bekomme ich text, der über meine definierte höhe geht,
nen scrollbalken.
änder ich das in der css in overflow:visible; steht der ganze text in der seite.
hab ich bei selfhtml nachgelesen!
aber in meiner print.css klappt das nicht :-(
in der website möcht ich scrollen und im print der ganze text untereinander.
wo hab ich da den denkfehler?
sascha
Hi,
wenn Du exakt(!) diesen Code als Screen-Stylesheet angibst, wird es auf dem Bildschirm angezeigt?
mit overflow:auto; bekomme ich text, der über meine definierte höhe geht,
nen scrollbalken.
änder ich das in der css in overflow:visible; steht der ganze text in der seite.
das ist keine Antwort auf meine Frage.
aber in meiner print.css klappt das nicht :-(
Was passiert, wenn diese print.css mit media="screen" angezogen wird?
wo hab ich da den denkfehler?
Deine Gedanken sind nicht spezifisch genug.
Cheatah
@@sascha_kote:
will ich die seite aber drucken, wird mir nur der text gedruckt, der im fenster zu sehen ist und nicht auch der, den man scrollen müßte.
Du musst halt Scrollbars mit ausdrucken.
SCNR. Live long and prosper,
Gunnar