ログイン
質問する
Gizport
HP 1000の使い方、故障・トラブル対処法
1 回答
0
Share (facebook)
75
view
全般

どうしても縦方向に動いてくれなかったtableのmargin-top...

どうしても縦方向に動いてくれなかったtableのmargin-topの値を偶然、マイナスに設定したところ、魚が水を潜るように上に泳いでいってくれました。－365pxで希望通りの位置に置くことができましたが、ブラウザの 上半分（約400px＝bodyのbgcolor）を占拠していたのは（いるのは）何なのでしょうか。
左右はalign="center"で中央に来ますが、margin-left: auto; margin-right: auto; では動いてくれません。
不要なものを削ぎ落としたCSSとHTMLのソースです。clear: both; の位置ははこれで良いのでしょうか。

bodyのmargin: 0px; は他のHPのソースから模倣したものですが、これがないと、bgcolorが5つのboxの間を運河のように流れ、ヘッダーからフッターまでが水に浮かんだようになってしまいます。なぜでしょうか。意味不明の質問ですみません。

@charset "shift-jis";
body { background-color: #ddffdd ; font-family: "MSP 明朝", serif; color: #000000; margin: 0px; }
div.atama { background-color: #dd5555; width: 100%; height: 13%; }
div.karada1 { background-color: #33ffbb; width: 15%; height: 1000px; float: left; }
div.karada2 { background-color: #33bb77; width: 70%; height: 1000px; float: left; }
div.karada3 { background-color: #337755; width: 15%; height: 1000px; float: left; }
div.asi { background-color: #ffffdd; width: 100%; height: 7%; clear: both; }
table { width: 80%; height: 85%; margin-top: -365px; margin-left: 67px; background-color: #ffffdd; border-color: #000000; }
td { width: 50%; text-align: left; }

<?xml version="1.0" encoding="Shift JIS"?>
<!DOCTIPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>現代文学</title>
<link rel="stylesheet" type="text/css" href="bookstyle.css" />
</head>
<body>
<div class="atama">
<h1 class="midashi">あいうえお</h1>
</div>
<hr />
<div class="karada1">
<h3>かきくけこ</h3>
</div>
<div class="karada2">
<table border="1" summary="作品一覧" cellspacing="3">
<caption>作品一覧</caption>
<tr>
<td>あいうえお かきくけこ</td><td>さしすせそ たちつてと</td>
</tr>
</table>
</div>
<div class="karada3">
<h3 class="siro">さしすせそ</h3>
</div>
<hr />
<div class="asi">
</div>
</body>
</html>

tr の数は18です。よろしくお願い致します。右側が怖がりの魚テーブル君です。
Yahoo!知恵袋 4417日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
floatが解除されていないのでは？ karada3の後ろ、<hr>の前で解除してください。
</div>
<div style="clear:both;"></div> ←ここで解除（空要素の問題はここでは無視）
<hr />

shift-jisで一行目に<?xml 宣言するとIEでやっかいなことになります。また、％指定で全体を100%にするとカラム落ちしやすくなります。その他もろもろ・・・

@charset "shift-jis";
body { background-color: #ddffdd ; font-family: "ＭＳ Ｐ明朝", serif; color: #000000; margin: 0px; }
div.atama { background-color: #dd5555; width: 100%; height: 13%; }
div.karada1 { background-color: #33ffbb; width: 15%; height: 1000px; float: left; }
div.karada2 { background-color: #33bb77; width: 70%; height: 1000px; float: left; }
div.karada3 { background-color: #337755; width: 15%; height: 1000px; float: left; }
div.asi { background-color: #ffffdd; width: 100%; height: 7%; clear: both; }
td { width: 50%; text-align: left; }

table { width: 80%; height: 85%; background-color: #ffffdd; border-color: #000000; margin:0px auto; }
body { text-align:center; }
div.atama,div.karada1,div.karada3,div.asi { text-align:left; }
h1 { margin:0px; }
Yahoo!知恵袋 4412日前
シェア
　
コメントする
　

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

Share (facebook)
その他の解決方法を知っていますか？
回答する
全般
35
Views
ホームシアターを買うか、ヘッドホンを買うか 高校一年です。 予算３万...
質問者が納得その値段でサラウンド導入した所で、マトモな音は出ない………… よってご希望の予算なら…… http://m.kakaku.com/itemview/itemview.asp?prd=K0000569301 これをオススメします…… 下手なスピーカーより良い音がします。 ホームシアターを導入するなら、ご希望のお値段の3倍は最低限必要です………(-.-;)
3591日前view35
全般
42
Views
VR-S1000を使ってVPN接続をしようとしているのですがL2TP...
質問者が納得質問の内容がイマイチ理解できないのですが... 自宅(会社)にVR-S1000設置。Android(docomo)からVPN接続をTRY中。 a)L2TP/IPsecを行うも接続失敗 b)PPTPは成功するも、HPにのってる設定も試しましたが駄目 c)別のL2TP/IPsecなら問題なく接続できました abcの内容がみえてこないよ。 bの、HPにのってるのであれば、url貼り付け下さい。 別のL2TP/IPsec成功では困るので、aをなんとか成功させたいってことなのかな? バッファローマニュアルによる...
3677日前view42
全般
58
Views
CPUファンについて。 OS Windows 7 Home Prem...
質問者が納得PWM＝可変コントロールの４ピンです。 マザーにこれがあるという事なので対応しています。 対応してない場合（３ピン）は常に100％の速度で回ります。 ３ピンファンも４ピンに挿すことは可能です。 もちろんその場合PWM機能は働きません。 虎徹、Hyper212Xはバックプレートを採用しているので、 マザーボードの裏側がCPU取り付け部分に穴が開いているPCケースでないと、 いったんマザーボード取り外しになります。 水冷だとファンが１つ減る分少し静かになります。（CPUファン＝ケースファンになるので） お...
3681日前view58
全般
50
Views
パソコン（PC)に詳しい方ご教授ください。 普段使いはネットサーフィ...
質問者が納得AMD A4-5000なのでIntelで言うところのCeleronと大差ないレベルですね。 複数のプログラムを同時に処理すると「もたつき」が起こりやすいですが、arrietty_of_karigurashiさんのお考えの用途なら、それほど大きな問題にはならないと思います。 より快適に使いたいなら、同じサイトの右側（A6-5200の49,800円）がCore i3相当になるので、そちらで。
3684日前view50
全般
57
Views
▽質問が取り消されたのでみたび、記念すべき第１０００問目の質問です！...
質問者が納得>ポップスやクラシックの作編曲を教えてくれるのなら 何か違う気がしますね・・・ 作曲編曲を習うのならば音大の作曲科に入るべきです。 電子楽器は所詮道具に過ぎません。大元となるのは自分の音楽的素養です。 >キューベース７は独学ですぐに使いこなせるようになるでしょうか？ DTMのソフトウェアは基礎知識があればあとはマニュアル読めればいけるとは 思います。「使いこなせる」かどうかは別ですが。大学等の専門機関で 勉強をしたならば多分大丈夫だと思います。 雑文失礼しました。
3697日前view57