ちくのう症(蓄膿症)は「菌」が原因!?

お世話になっております。相談です(涙
会社の社内WEBページで いくつかマニュアル類などWordやPDFで作成したものがあります。重くていやなので、この際、HTMLで作成しましょう(私がつくってもいい)といいました。返ってきた回答は、
「マニュアル系は印刷して使用することが多いからです.
HTMLで作成すると、印刷がずれるなどして、
印刷に対する問合せなど余計な手間が増えます.」
でした。わたしはタグ打ちで少々ならHPが作れる程度なんですが、そんなに印刷するとずれるもんでしょうか・・社内のユーザーさんもWordやPDFは重くていやだから、HTMLでつくって、とか言うし、私自身もそう思うのですが・・詳しい方、教えてください。

このQ&Aに関連する最新のQ&A

A 回答 (4件)

HTMLはブラウザで見ることを前提に作っているので印刷するということは考慮されていません。


なのでレイアウトによってはずれることもあります。
しかしページをレイアウトどおりに印刷するプラグインやソフトもあるのでそれを使えば見た目と同じように印刷されます。
また使うブラウザによってはあまりずれないで印刷できるブラウザもあります。
Htmlはどんな端末で見ても同じように見えることを重視して作ってあるので印刷するときのことまで想定されていないんですよね。
そういった意味ではPDFは印刷することを意識したファイル形式なので印刷するんだったらPDFにしたらどうですか?
ブラウザで見る用にHTMLで作って印刷用としてPDFを用意してリンクさせておくとか。
    • good
    • 0
この回答へのお礼

なるほど、HTMLは印刷されることを前提にしていない言語なのですね
よくわかりました。本当にありがとうございますm(_ _"m)ペコリ

お礼日時:2005/12/20 14:34

ブラウザに表示されているものをそっくりそのまま印刷しようとすれば


ずれてしまいます。ブラウザは HTML 文書を画面に表示するもの。
画面に表示すべきものをそのまま紙の上にうまく印刷できません。

HTML というのは元々とても汎用性のあるものです。
正しく書かれた HTML 文書なら、単にブラウザで画面上に表示するだけではなく、
音声ブラウザで再生することもできますし、紙に印刷することだって
もちろんできます。

うまく印刷できないというのは、印刷の仕方が間違っているのです。
画面表示用のレイアウトと印刷用のレイアウトが異なるというのは
HTML に限らず全ての文書に言えることです。
適切に調整された印刷用レイアウトで印刷すれば HTML もちゃんと印刷できます。
    • good
    • 0

ズレます。


HTMLは印刷物を記述する言語ではありません。
極端な話、印刷の用紙サイズや用紙の向きを記述するタグはありません。

あと、画像なんかを表示しないブラウザもあります。
見る側でスタイルシートを適用したりすれば、全然違うイメージで表示されますし。
    • good
    • 0
この回答へのお礼

なるほど、HTMLは印刷されることを前提にしていない言語なのですね
よくわかりました。本当にありがとうございますm(_ _"m)ペコリ

お礼日時:2005/12/20 14:34

HTMLで記述した場合はページの大きさという概念より画面の大きさ(ピクセル)に依存するものを作成するため、印刷をするとページがまたがってしまったりはみ出したりなど製作者の意図するものを出力できないことが多いです。


また、文字の大きさや画面構成などタグで決定されますので印刷時に思うような文字の大きさや、配置にならないこともあります。

このため説明書やカタログなどはPDFなどページ構成をそのまま印刷できるものでホームページに掲載することが多いですよ。
PDFでも1ページをまるごと画像から変換(スキャナなどで取り込んだ画像を変換など)をせず、ワードなどで作った文章をPDF出力すればそんなに大きなサイズにならないと思いますよ。

また、PDFなどではパスワードなどもかけられますし改竄のおそれが少ないという点でもいいと思います。
    • good
    • 0
この回答へのお礼

なるほど、HTMLは印刷されることを前提にしていない言語なのですね
よくわかりました。本当にありがとうございますm(_ _"m)ペコリ

お礼日時:2005/12/20 13:51

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QWEBページがパソコンで表示されている通りに印刷ができない…

題の通りです。
前回も、『WEBページが長すぎるのか印刷ができません…』というのを質問しましたが、今回もわからないことがあったので質問します。

印刷したいWEBページは、前と同じです。
印刷したいホームページです。↓
http://blog.mbc.co.jp/suzume/2007/12/index.html

どうしても、パソコンで表示(印刷ブレビューではない)された通りに印刷してくれません。

パソコンは、『Windows Me』と『Windows XP』を使っています。(2つともノートパソコンです。)
プリンターは、『EPSON PM-G700』を使っています。
何が原因で、どうすれば直るんですか?

Aベストアンサー

少しレイアウトが変わりますが、大体印刷できる方法を見つけました。

1. ブラウザは Firefox を使ってください。
2. 目的のウェブページを、自分の PC に保存してください。

保存したページを、Firefox で表示させてから印刷してください。
これでかなり希望通りになるはずです。

Internet Explorer 6.0 ではうまくいきませんでした。
Firefox を使っているときでも、直接アクセスした状態ではうまくいきませんでした。

あえて自分の PC に保存することで、印刷を狂わせる設定が無効になってしまう、というわけです。

Qページの一部が消える印刷プレビューの原因について

ご質問です。
当方、実務経験の浅いwebデザイナー兼コーダーです。
仕事でコーポレートサイトを作成したのですが、htmlファイルの納品後に「印刷にも対応できるようにしてほしい」とクライアントからの要望を頂きました。

フルcssで作成したサイトを確認するも社内のWinXPのIE7・WinVistaIE7共に特定の倍率で「ページのある一部」が印刷プレビューに映らない(印刷しても、そこだけ白い・そこだけスペースが空いている)という現象が起きてしまいました。
(念のため・・クライアントからは最低IE7で印刷できればいい、と言われています)

私の確認では倍率70~75%で「ページのある一部」が表示できなくなり、クライアントの環境(WinXP IE7)では縮小して全体を印刷する、80%、60%の3つで「ページのある一部」が表示できないとのことです。
これはいったい何が原因となっているのでしょうか。

印刷用のcssにzoom指定で修正はできそうなのですが、何より原因がわからないので気になります。

プリンターの問題なのか、ブラウザによるものなのか・・
はたまたコーディングが悪いのか・・。

説明が悪いので伝わりにくく申し訳ないのですが、クライアントにうまく説明するためにも心当たりがある方のご意見を頂きたいです。
宜しくお願いします。

ご質問です。
当方、実務経験の浅いwebデザイナー兼コーダーです。
仕事でコーポレートサイトを作成したのですが、htmlファイルの納品後に「印刷にも対応できるようにしてほしい」とクライアントからの要望を頂きました。

フルcssで作成したサイトを確認するも社内のWinXPのIE7・WinVistaIE7共に特定の倍率で「ページのある一部」が印刷プレビューに映らない(印刷しても、そこだけ白い・そこだけスペースが空いている)という現象が起きてしまいました。
(念のため・・クライアントからは最低IE7で印刷で...続きを読む

Aベストアンサー

結構日数が経っているのでもう解決済みかもしれませんが…
私も一度その現象に出くわしたことがあります。
その時はoverflow:hidden;を消せば直りましたが、どうでしょうか。
もし解決済みでしたら、どうしてそうなったのか、解決方法はあったのかよろしければ教えて下さい。

QIEの印刷でcssが無効になう

宜しくお願いします。

CSSを使って、DIVタグでレイアウトしています。TABLEでなくDIVだけで組むのは初チャレンジです。外部CSSを使用しています。

IE(Ver6)では、問題なくCSSが有効となって見えるのですが、印刷プレビュー及び印刷では、CSSが無効となりレイアウトが崩れてしまいます。DIV関係に限らず全てのCSSが無効です。

こんな経験は初めてで、何が悪いのかわかりません。

どこをチェックすれば良いのでしょうか?

Aベストアンサー

#2です。例題が悪かったです。(こうなっていると印刷にcssが効かないという例です。)
media="screen" になっているならこのCSSはscreenメディア(主にパソコンのディスプレイ)に対してだけ適用してください。という意味になります。
media="screen,print" と、すると画面と印刷の両方に適用されます。
(media="all"またはmedia自体を削除すれば全てのメディアに適用されます。)

Qテーブルの表示がずれます

htmlを書いているのですが、テーブルの行を増やすたびに、ブラウザで表示するとテーブルの表示がだんだん下の方へずれてしまいます。友人に聞いたところ、彼も同じような現象が起こるようです。
このようにならないようにしたいのですが、専門書を読んでも分かりません。
ちなみにhtmlソースはこのようになっております。
(1)行が1つの場合
<html>
<head>
<title>テスト</title>
</head>
<body bgcolor = "white">

<h1>テスト</h1>
<h3>テスト1</h3>
<table>
  <tr>
   <td>テスト</td>
   <td>1</td>
   <td>2</td>
  </tr>
</table>
</body>
</html>

(2)行が2つの場合
<html>
<head>
<title>テスト</title>
</head>
<body bgcolor = "white">

<h1>テスト</h1>
<h3>テスト2</h3>
<table>
  <tr>
   <td>テスト</td>
   <td>1</td>
   <td>2</td>
  </tr>
<tr>
   <td>テスト</td>
   <td>1</td>
   <td>2</td>
  </tr>
</table>
</body>
</html>
宜しくお願い致します。

htmlを書いているのですが、テーブルの行を増やすたびに、ブラウザで表示するとテーブルの表示がだんだん下の方へずれてしまいます。友人に聞いたところ、彼も同じような現象が起こるようです。
このようにならないようにしたいのですが、専門書を読んでも分かりません。
ちなみにhtmlソースはこのようになっております。
(1)行が1つの場合
<html>
<head>
<title>テスト</title>
</head>
<body bgcolor = "white">

<h1>テスト</h1>
<h3>テスト1</h3>
<table>
  <tr>
   <td>テスト</td>...続きを読む

Aベストアンサー

こんにちは。
イマイチどうしたいのかがよく判らないので、具体的な説明を補足してください。
ソース自体は間違いではないと思いますが…。
<tr>や<td>の前にある空白はもちろん半角空白ですよね?全角だと不具合がでます。

行が増えると下に表が大きくなるのは必然ですし。
行が1行のものと、2行のものとでは、ページが違うんですよね?
もし、同じページに表示するのであれば、1ページにつき、<html>タグは一組です。(あくまでも基本的に、ですが)
これが、直接行がずれるっていうことにはならないと思いますけど…。

QCSSのfloatでレイアウトしたページの印刷について

CSSのfloatでレイアウトしたページを印刷してみると、
2ページ分必要なところが1ページ分しか印刷されなかったり、2ページ目が印刷されていても、ある一箇所だけ・・・
といった、印刷した時のレイアウトの崩れで悩んでいます。

ページ内のコンテンツ部分だけを印刷したいのではなく、あくまでも全体がきちんと印刷されるようにしたいのですが、
float:none;
を設定すると、floatが解除されてしまうので、印刷するとますますおかしくなってしまいます。。。

印刷用スタイルシートをどのように設定したら良いのか、皆様アドバイスをお願いします・・・!!

Aベストアンサー

CSSで、印刷時に見たままを表示するのは難しいですよね。
基本は<link REL="stylesheet" type="text/css"
HREF="XXXXX.css" media="print">という風に
印刷用の外部スタイルシートを別に指定してやります。

で、その中身ですが、、表示用CSSを
ちょこちょこと変えても思い通りにはなりません。
(私の経験です)
私は、新たにレイアウト等を作り直します。

1.IE等で背景を印刷しない設定にしていると
 背景や背景色が無視され(たまに枠線色も無視する)
 せっかくのデザインが意味のないものになる。
2.改行位置やページの幅等が特定できない。
3.白黒のプリンタだと…
とかいう理由で、思い通りにならないので
思い切って!?無難な文字ベースにしちゃいます。
(一応 2 の改行位置やページの幅等を固定する
ことは出来ますが、古いブラウザ等では
無視されることがあります。参考URL参照)

どうしても同じレイアウトにしたいのであれば
テーブルレイアウトの別ページで対応とかを
考えてみてはどうでしょうか。

参考URL:http://www.tohoho-web.com/css/reference.htm#page2

CSSで、印刷時に見たままを表示するのは難しいですよね。
基本は<link REL="stylesheet" type="text/css"
HREF="XXXXX.css" media="print">という風に
印刷用の外部スタイルシートを別に指定してやります。

で、その中身ですが、、表示用CSSを
ちょこちょこと変えても思い通りにはなりません。
(私の経験です)
私は、新たにレイアウト等を作り直します。

1.IE等で背景を印刷しない設定にしていると
 背景や背景色が無視され(たまに枠線色も無視する)
 せっかくのデザインが意味のないものに...続きを読む

Qテーブル内の文字サイズを変更したい。

HTMLのテーブル内の文字サイズを変更したいのですが。
イマイチ上手くいかずに悩んでいます。
出来れば全体的に<TABLE></TABLE>のほうでいじれますか?
<TD>タグや<TR>タグのところでいじくるのですか?

Aベストアンサー

いろいろやり方はありますが
文字単位でサイズを変更するには
#2の方法ですね。

テーブルごとやセル(<TD>)ごとにサイズを変更するには
スタイルシート(CSS)を使用します。

テーブルごとにサイズを変更する場合
<TABLE style="font-size : 20px;">

セル(<TD>)ごとにサイズを変更する場合
<TD style="font-size : 20px;">あああ</TD>

#1の方法だとページ内の全てのセル(<TD>)に設定することになります。

スタイルシート(CSS)はこれら以外にも
いろいろな設定方法があります。

Q印刷時ヘッダーとフッターを挿入

印刷時ヘッダーとフッターを挿入
現在HPを作成しているのですが、来訪者がHPを印刷する時に、
フッターとヘッダーをこちらで指定しておくことは可能でしょうか?
ページ印刷時2枚以上になる場合全ページに同じヘッダーとフッターが
印刷されるようにしたいのです。
初心者なのであまり専門的なことまではわかりませんが、
html,Javascript,cgi,cssなどWindows環境で使用可能であれば基本言語は問いません。
わかる方いらっしゃいましたらご教授願います。

Aベストアンサー

共通のフッター部とヘッダー部を別途用意し、各ページに自動挿入するのは、
主にCGI(PHPとかPerl)のお仕事です。

Javascriptでやる時はAJAXと呼ばれる手法で、動的にコンテンツを
挿入出来ます。

ただし、プリント時にのみとなると、IEだけだったら、
window.onbeforeprint = functuon(){}で処理を書けますが、
一般的なブラウザーにこのイベントは無いです。(キーイベントで
PRINTキー押下を検知なんてのはいんちきですね)

やはり、全部のページに予めフッター部とヘッダー部を含めておいて、
普通はCSSで非標示にして、印刷用のCSSを作って、
<link rel="stylesheet" type="text/css"
href="/screen.css" media="screen">

.print_header{display:none;} <==注意:screen.cssの内容です。
                   この場に書くんじゃない

<link rel="stylesheet" type="text/css"
href="/print.css" media="print">

.print_header{display:block;} <==注意:print.cssの内容です。
                   この場に書くんじゃない


<body>

<div class="print_header">header部</div>

</body>
print.cssでのみdisplay:block;にするのがよいのでは..

共通のフッター部とヘッダー部を別途用意し、各ページに自動挿入するのは、
主にCGI(PHPとかPerl)のお仕事です。

Javascriptでやる時はAJAXと呼ばれる手法で、動的にコンテンツを
挿入出来ます。

ただし、プリント時にのみとなると、IEだけだったら、
window.onbeforeprint = functuon(){}で処理を書けますが、
一般的なブラウザーにこのイベントは無いです。(キーイベントで
PRINTキー押下を検知なんてのはいんちきですね)

やはり、全部のページに予めフッター部とヘッダー部を含めておいて、
普通はCSSで...続きを読む

Q文字の位置、上下のマージンがずれる

仕事でHTML+CSSでコーディングをされる方、
または精通されている方に質問です。

pタグで2行の段落を続けて配置してみました。
IE6・7、FF、Chrome、Safariではぴったりレイアウトが合うのですが、
IE8・9で確認すると誤差が生じます↓

<p>あああああ</p>
<p>かかかかか</p>

★pに対する指定
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS PGothic";
font-size: 14px;
line-height: 1;
margin: 0;
padding: 0;

各pタグにわかりやすく背景色をつけて確認してみると・・・

・IE8だと、2段目のテキスト位置が1px上に上がり、pの高さも1px縮む
・IE9だと、1段目と2段目のテキスト位置が1px上に上がり、2段目のpの高さが1px縮む

それぞれのpに高さを決めれば問題はないようですが、
高さを決めずにテキストを配置する場合、
この誤差については対応ができないものなのでしょうか?

pタグに限らず、ul、dlなんかでもずれることが多いです。
テキストをぴったりを合わせる技術ってないのでしょうか?

仕事でHTML+CSSでコーディングをされる方、
または精通されている方に質問です。

pタグで2行の段落を続けて配置してみました。
IE6・7、FF、Chrome、Safariではぴったりレイアウトが合うのですが、
IE8・9で確認すると誤差が生じます↓

<p>あああああ</p>
<p>かかかかか</p>

★pに対する指定
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS PGothic";
font-size: 14px;
line-height: 1;
margin: 0;
padding: 0;

各pタグにわかりやすく背景色をつけて確認して...続きを読む

Aベストアンサー

まず、line-height:20pxのように、line-heightをpxで指定してみてください。
ブラウザの違いによる縦の誤差はなくなるはずです。

誤差が生じる原因としてはOSやブラウザの違いから、フォントやレンダリングの違いによるものです。
なので、font-size:14px;に指定していても、line-heightをemや%で相対的に指定している場合は、必ず誤差が生じます。

なお、文字列の横をそろえるのほぼ無理と考えてください。

>pタグに限らず、ul、dlなんかでもずれることが多いです。

こちらに関しては、ブラウザ間のデフォルトの差異をなくすため、リセットCSSがよく使われます。
リセットCSS、reset cssなどで検索してみれば色々出てくるでしょう。
最近はHTML5を考慮しているものもたくさんあるので、そちらを使った方が良いでしょう。
しかし、これも完全に誤差をなくせるというわけではありませんが、一度試してみると良いでしょう。

Qテーブルセル余白(例えば左側だけ、上側だけ、など)

こんにちは。
宜しくお願いいたします。

テーブル内のコードに、cellpadding="5" は
セル余白が上下左右のすべて、5ピクセル空きますが、

左側だけ5ピクセル、とか、上側だけ5ピクセル、のように
指定方向のみ、余白を作ることは可能でしょうか。

その場合のHTML記述を教えてください。

また、ここで質問させていただいている「指定方向への余白指定」と
全体余白指定の「cellpadding="XX"」は同時に使って
良いものでしょうか。
素人質問ですみません。
宜しくお願いいたします。

Aベストアンサー

1つのセルだけなら、下記で。
<td style="padding: 5px 10px 20px 30px;">
上の例は、上が 5px。 右が 10px。下が 20px。 左が 30px。
適当に数値変更してください。
cellpadding="5" と style="padding: 5px;"は同じになるはず。
<td style="padding: 5px;">

両方使うとどうなるかは、試して下さい。
cellpadding をここ数年利用していないので・・・

複数個所利用するなら、NO.1さんを参考に HEAD内に下記を入れて試してみましょう。
<style type="text/css">
<!--
td {padding: 5px 10px 20px 30px;}
-->
</style>

Q印刷範囲の指定はできますか?

現在、ホームページを制作しているのですが、A4紙に収まらないページがあるのです(写真が切れてしまいます)。
そこで、ページのある一部分(メインの部分)だけを印刷する、またはしないように指定したいのですが、可能でしょうか。

Aベストアンサー

スタイルシートを使えば可能ですよ。

印刷用のスタイルシートを適用すればよいのです。
http://linkage.xrea.jp/article/2004/07/make_mediacss.php

上記のサイトを参考にしていただければ分かりやすいと思いますが(やり方は二通りあります)

たとえば、次のページを用意します。
<html>
<head>
<link rel="stylesheet" href="print.css" type="text/css" media="print">
</head>
<body>
<div class="noprint">
ここは印刷したくない
</div>
<div>
ここは印刷したい
</div>
</body>
</html>

上のHTMLでprint.cssというファイルを読み込み指定していますよね。
このprint.cssというファイルを作ります。
この中に

.noprint{
display:none;
}

と書いてあれば、class="noprint"で指定された部分は印刷されません。

分かりますでしょうか?

参考URL:http://linkage.xrea.jp/article/2004/07/css2print.php

スタイルシートを使えば可能ですよ。

印刷用のスタイルシートを適用すればよいのです。
http://linkage.xrea.jp/article/2004/07/make_mediacss.php

上記のサイトを参考にしていただければ分かりやすいと思いますが(やり方は二通りあります)

たとえば、次のページを用意します。
<html>
<head>
<link rel="stylesheet" href="print.css" type="text/css" media="print">
</head>
<body>
<div class="noprint">
ここは印刷したくない
</div>
<div>
ここは印刷したい
</div>
</body>
</htm...続きを読む


人気Q&Aランキング