Gizport
1 回答
0
Share (facebook)
153
view
全般

ホームページ作成についての質問です。CSSでデザインを指定しているの...

ホームページ作成についての質問です。CSSでデザインを指定しているのですが、ブラウザで見るとデザインが崩れてしまいます。==HTML==<div id="text"><div id="header"><script type="text/javascript"><!-- document.write( header )//--></script></div><div id="menu"><script type="text/javascript"><!-- document.write( menu )//--></script></div><div id="contents">メインコンテンツ</div><div id="footer"><script type="text/javascript"><!-- document.write( footer )//--></script></div></div>==CSS==body{ font: 400 16px/normal "MS ゴシック",monospace; background-color: #FFFFFF; color: #000000; text-align: center;}div#text{ width: 900px; margin: auto;} #header{ width: 900px; height: 0px; overflow: hidden}#menu{ width: 280px; margin: 20px 0px 0px 20px; float: left; text-align: left;}#contents{ width: 560px; margin: 20px; float: right; text-align: left;}#footer{ width: 900px; clear: both;}HTML,CSSは上のようになっているのですが、IE6では僕の意図どおりに表示されません。僕のイメージとしては、-------|HEAD|-----||メ|コ| |ニ|ン||ュ|テ||ー|ンツ||------||footer|-------のように表示したいのですが・・・CSSやHTMLのどこか修正すべき点などあるのでしょうか?ありましたら教えてください。お願いします。
Yahoo!知恵袋 6050日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
【原因】1、#menu{width: 280px;margin: 20px 0px 0px 20px;float: left;}280+右20=計300pxが横幅になる「設計」だけど、ここにFLOATをかけているのが問題。例えばFLOATを左にかける(float:left;)をするとIEでは左マージンが倍になる不具合があるため、【280+左20*2=320px】が#MENUの横幅になっている。2、#contents{width: 560px;margin: 20px;float: right;}これも1と同じく右にFLOATをかけているため、設計上は【560+右20+左20=600px】だけど、IEの解釈では【620px】となってる。なので、IEの解釈では段組部分の総横幅は940pxになるので当然のことながらズレます。【直し方】FLOATで寄せるものについて「display:inline;」を設定。質問上では「#MENU」と「#CONTENTS」。これをやると先に挙げた不具合は無くなりますが、今度はIE以外のブラウザで#MENUや#CONTENTSの縦幅が狂ったり背景画像などが適用されなるといった問題が発生します。なので、これの対処を含めたやり方は・・・「DIV:MENU」と「DIV:CONTENTS」をまとめたものをもうひとつのDIVで括る。<div id="****"> ←←←追加<div id="MENU"></div><div id="CONTENTS"></div></div>追加したDIVには#HEADERや#FOOTERと同じような設定をすればOK。絶対的に正しいやり方とはいえないけど、質問のようなレイアウトならこのやり方がラクで確実です。あと、<script type="text/javascript"><!----></script>やりたいことはわかるけど、XHTMLで書いていると正しく解釈しないこともあります。こういうのは原則NGという認識必要。→<script type="" src="headre.js"></script> というように外部から読み込むようにする。
Yahoo!知恵袋 6049日前
シェア
 
コメントする
 

参考になったと評価
  このQ&Aは参考になりましたか?

Share (facebook)
その他の解決方法を知っていますか?
回答する
全般
136
Views
質問者が納得記事の内容だけでいえば、確かに減るかもしれませんが、MSオフィスの強みは、”マクロ(プログラミング、自動化)”にあると思います。たとえば、ワークシート関数だけでは設定できない詳細な戻り値や設定が比較的手軽にできるのがプログラミングです。それ以外にも、IRM(開くことのできるメールアドレスや、ユーザー名を設定することのできる機能)もあります。マクロ(プログラミング)の”味”を知ってしまった俺からすれば、マクロのないオフィス系アプリの方が使えないアプリであることだけは確かです。例:以下のようなスケジュール表をエ...
5049日前view136
全般
114
Views
質問者が納得普通のCDをこのコンポに入れてそのCDの曲を携帯のSDカードに入れる事は可能なのですか?できません。
5100日前view114
全般
87
Views
質問者が納得原稿用紙は400字×200~800枚=80,000~320,000データ原稿は40字×40行で50枚~200枚=1600×50~1600×200=80,000~320,000全く同じです。文字数40で行数40と設定すると、40×40=1600=400×4、データ原稿1枚は「正確に」、通常の原稿用紙「4」枚分です。補足今一つ理解ができないのですが、通常一般のプリンターの印刷できるのはA4サイズ以下のため、ワードの用紙設定を原稿用紙にすると、400字詰め原稿用紙の半分の大きさで、20×20字になります。つまり原...
5181日前view87
全般
132
Views
質問者が納得Office2010は使ったことはありませんが質問は何なのですか?>6文字目の下と、17文字目の下の線が太くなります。17文字は新聞サイズ(13もある)なので分からないではないのですが、6文字目は何????>原稿用紙は一画面に入らない、・・・・モニタを大型に・・・> どの組み合わせを望みますか?何の組み合わせ??>試してレポートしたいと思います?? ここは質問のところですが・・・>横書きは対象外です。横書き編集をして、最後に縦書きにするのは反則です! あなたのこだわりだけと私は...
5233日前view132
全般
62
Views
質問者が納得AUX入力端子とウォークマンのヘッドフォン端子を接続すればスピーカーから音を出すことができます。USB端子に接続しても音は再生されません。
5274日前view62

取扱説明書・マニュアル

522view
http://www.phiaton.jp/.../ms400.html
もっと見る

関連製品のQ&A