absoluteの使用で不具合が生じることはある？

質問

おはようございます。

あるホームページをビジネス目的で運営しています。
そのホームページの画像などはすべてabsoluteで位置を調節してあります。これにより、何か不具合が発生することはありますか？　例えば他のパソコンなどでみた時、デザインが崩れるなどです。
……心配しすぎでしょうか？

当方、ＨＴＭＬの初心者です。できるだけ詳しい解答をよろしくお願いします。

回答No.3

DrFell · ベストアンサー

不具合が発生することはあります。デザインによっては、想定の枠を超えたら、もれなく崩れます。心配するべきです。

調べるなら、「absolute　デザイン　崩れる」で検索してみるといかがですか？ホームページビルダー、どこでも配置もabsoluteで作られます。評判はあまりよくありません。

自分の作られたページをブラウザに表示させ、文字の大きさをどんどん大きくしてみる、小さくしてみる、全画面でなく横幅を変えてみる、をターゲットのブラウザ、一般的にシェアの大きいブラウザや解像度やOSで試してみる等されてはいかがでしょうか？

お仕事なのですから、安易に聞く前にご自分で調べる手段も磨かれることをお勧めします。質問の内容では具体性に乏しく、一般論しかできませんので、いつあるかわからない回答を待つより、早いです。そして、調べた上での質問なら、もう少し上手な質問ができると思います。

「初心者です」と言う前に。
http://wids.net/lib/forlusers.html

お礼

お返事ありがとうございます。

>お仕事なのですから、安易に聞く前にご自分で調べる手段も磨かれることをお勧めします。
ごもっともです。

回答No.5

shokodei

こんにちは。大変ですね。

心配するな、って言っても、このご時勢、心配になっちゃいますよね。

「直ちに影響は無い」とか言われても、信用できませんもの。

で、カンタンな解決法をひとつご提案さしあげます。

「他のパソコンなどでみた時」が心配なのですから、「他のパソコンなど」で見てみるのがよろしいかと思います。

近くに「他のパソコンなど」が無い場合は、購入されるのがよろしいかと思います。

OSが違うパソコン、WindowsやMacOSXやlinuxのパソコン、それから各社の携帯電話、iPhoneなどのスマートフォン、iPadなどのタブレット等々、各種そろえて、ご確認されては如何でしょうか。

ちょっとお金がかかりますが、少しは安心できると思います。

お礼

ご解答、誠にありがとうございました。
購入……ですか。確かにそうするしかありませんね。

回答No.4

ORUKA1951

No.1です。他の方のコメントを見て気づいたのですが、よく読むと
「そのホームページの画像などはすべてabsoluteで位置を調節してあります。」
・・あたかも他人事のように書いてあります。ご自身でそう設定されたのではないと読み取れます。そもそも、ホームページという単語からして「ビジネス目的で運営」されている方の発言とは思えないです。運営するのはウェブサイトであって、ホームページとは言わない。
　もっと早く気づくべきでした。

　ひょっとして、かの悪名高き「ホームページビルダー」が作者ですか？？？(苦笑)
　詳しくは、ホームページ・ビルダー - Wikipedia ( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%BB%E3%83%93%E3%83%AB%E3%83%80%E3%83%BC )
　もしくは、他のオーサリングツールの作り出すHTML/CSSかも知れませんね。
Webオーサリングツール - Wikipedia ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB )

　ビジネス目的であるか、否かを問わず、広く公開したいサイトなら、「何か不具合が発生すること」はないか「他のパソコンなどでみた時、デザインが崩れ」ないかは、ご自身で確認すべきです。
　最低限
日本のバージョン別ブラウザシェアグラフ （StatCounter Global Statsより） ( http://lhsp.s206.xrea.com/misc/browser-share-version.html )
　の上位３位まで、できれば７位までは表示確認を自らの手で行うほうが良いでしょう。それに加えて、ブラウザの拡大/縮小(Ctrl+＋/Ctrl+－)で解像度を変えたり、ウィンドウサイズを小さくして、確認すべきです。
　サイトの目的によったら、携帯端末での確認も必要になります。

　結論だけ言えば、いずれにしても
「画像などはすべてabsoluteで位置を調節」
　はしない・・と言うことだけは覚えて置いてください。

このあたりから、学ばれることをお勧めします。
　はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )

　厳しい回答だと思いますが、ビジネス目的でサイトを運営されるなら、（技術は人やオーサリングツールに任せても）きちんとした知識が必要です。

　上達の速度は人それぞれだからわかりませんが、良い「HTMLエディタ ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB#HTML.E3.82.A8.E3.83.87.E3.82.A3.E3.82.BF )」を手に入れて、オーサリングツールに頼らなくても、そこそこのものができるよう学んでください。それが一番の早道です。私が以前指導した女の子は数ヶ月で、ちゃんとしたものを作れるようになってました。

お礼

お返事ありがとうございました。

回答No.2

dscripty

まず、「ＨＴＭＬの初心者」が「ホームページをビジネス目的で運営」していることに驚愕します。
また、「ビジネス目的」の「ホームページ」の「運営」を「ＨＴＭＬの初心者」に任せている職場を不可思議に思います。

そして、いま、あなたの置かれている状況を想像して解決策を探ってみたいと思います。

ここからは、できる限り正確な用語を使います。

あなた自身が、ウェブサイトを業務目的で運営しなければならないなら、あなたは HTML と CSS の質問を延々と繰り返すことになります。あなたの心配を根源とする、この質問と回答の繰り返しは、あなたが、HTML と CSS を系統的に学習して、実務で支障なく扱えるようになるまで、終わることはありません。

人が何かを習得ために要する時間は、1万時間だそうです。
http://web-tan.forum.impressrd.jp/e/2011/04/19/10130
それまでの、質問と回答の繰り返しは、あなたにとって有益なことでも幸福なことでもないように思えます。

そこで、解決方法を根本から考え直します。

あなたが会社の社員、または役員、あるいは個人経営者で、
あなた自身が HTML 文書を記述する業務を担当しているか、または、
他の社員が記述した HTML 文書をチェックする業務を担当しているなら、

あなた自身がそれを行う必要は全くありませんし、会社に利益を生みません。
ウェブ担当者を雇う予算を確保してください。

HTML と CSS は当然として、素材作成や JavaScript による UI のブラッシュアップ、さらには、サイトデザインから SEO、ウェブマーケティング戦略を提案できる、優秀な人材ならとても良いでしょう。

そうすれば、あなたのすることは、雇ったウェブ担当者を信頼するだけです。

もう一つの解決策はは、信頼できるウェブ作成業者にアウトソースすることです。
http://web-tan.forum.impressrd.jp/e/2008/02/20/2456

もっとも、悲惨なのは、
あなた自身が、会社のウェブ担当者の新人か、あるいは、ウェブ作成会社の新人の場合です。
この現状を必死で切り抜けつつ、ウェブを基礎から系統的に習得して、一人前のウェブ担当者になるか、他の道を模索するかしかありません。

幸運を祈ります。

お礼

お返事ありがとうございます。

回答No.1

ORUKA1951

とっても？？？な質問です。
　absoluteだろうがrelativeだろうがfixedだろうがfloatだろうが、他のパソコンで見ても支障がないように作られているはずですから、「これにより、何か不具合が発生することはありますか？」という質問はおかしいですね。それがないように、デザインされているはずですから。

　firefoxなどの標準への準拠度が高いブラウザで表示確認されていると思います。特にビジネスサイトでしたら必須です。
　たとえば、firefoxの場合、Ctrl+＋，Ctrl+―で解像度を変化させたり、フォントだけを拡大縮小したりできますね。
　またＩＥだと、ETester( http://www.my-debugbar.com/wiki/IETester/HomePage )が便利です。

　ただ、absoluteは、「絶対配置のボックスは通常フローには従わないので、兄弟要素のレイアウトに影響を与えない。」
視覚整形モデル ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/visuren.html#propdef-position )
　そのため、一般的に他の要素を覆い隠してしまったり、他の要素に隠されたりすることがあります。

お礼

返事が遅れて申し訳ありませんでした。
ご解答どうもありがとうございます。