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

float(段組み)が解除できない!?!? CSS完全初心者です。 ...

float(段組み)が解除できない!?!? CSS完全初心者です。

フッター(添付画像のF)の設定が全く反映されません。
CSSで色々イジっても、段組みが解除されないだけでなく、余白やテキストの配置(中央配置や右寄せ配置)の設定ができません。
何が問題なのでしょうか?
(サイトのイメージとしてはmixiみたいなカンジです。画像A…mixiのロゴ、画像B…ログアウト等のテキストリンク。)
メニューバーは画像が6つ横に並ぶようにCSSで設定しています。これがきちんと横一列に配置されるということは、AとBの段組みがCではきちんと解除されているということですよね?
同じことを繰り返しているだけなのに、どうしてFは段組みを解除できないのでしょうか?
完全無料で配布されているHTMLやCSSを少しイジっただけなのに、こんな状態になってしまいました。


完全にお手上げです、助けて下さい。



■HTML■
<body>
<div id="container">
<div id="A">
<画像A>
</div>
<div id="B">
<画像B>
</div>
<div id="C">
<ul>
<li id="menubar_1"><a href="about.html" title="ABOUT">当サイトについて</a></li>
・・・・
</ul>
<画像C>
</div>
<div id="D">
DDDDD
</div>
<div id="E">
EEEEE
</div>
<div id="F">
FFFFF
</div>
</div>
</body>

■CSS■
/* 全体の設定*/
* {
margin:0;
padding:0;
}

body {
text-align:center;
}

#container {
width:744px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#A {
width:400px;
float:left;
}

#B {
width:300px;
float:right;
margin-right:25px;
margin-top:20px;
text-align:right;
}

#C {
clear:left;
}

#E {
width:240px;
float:right;
margin-left:10px;
margin-top:15px;
margin-bottom:15px;
}

#D {
width:470px;
float:right;
margin-left:14px;
margin-top:15px;
margin-bottom:15px;
}

#F {
width:100%;
clear:left;
}


/* メニューバーの設定*/
li{
margin:0;
padding:0;
}
#menu_1{
float:left;
width:124px;
height:55px;
text-indent:-9999px;
background: url(about_off.gif) no-repeat;
}
#menu_1 a{
float:left;
width:124px;
height:55px;
display:block;
}
#menu_1 a:hover{
background: url(about_on.gif) no-repeat;
}

・・・
Yahoo!知恵袋 5294日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
画像を見る限り、Eは左に来て欲しいはずなのにfloatがrightになっています。
それなのにFは左側の回り込みを解除しています。もちろん左側には何もないので
解除も何もありません。

修正すると、
/*#E*/
#E {
width:240px;
float:left;/*rightでは無くleft*/
margin-left:10px;
margin-top:15px;
margin-bottom:15px;
}
/*ここまで*/

となります。
Yahoo!知恵袋 5292日前
シェア
 
コメントする
 

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

Share (facebook)
その他の解決方法を知っていますか?
回答する
全般
24
Views
質問者が納得下記を確認してください。 =最大 下にコピーしてください。 入力しない場合に関するエラーハンドリングは実行されません。 それは強制的に行いました。 それが回避する場合ど。 通常の定式 このように。 =最大
3903日前view24
全般
26
Views
質問者が納得シート1での最新のデータですから前に示した式で良いのですが =IF(A2="","",INDEX(Sheet1!$C:$E,MATCH($A2&COUNTIF(Sheet1!$B:$B,$A2),Sheet1!$G:$G,0),COLUMN(A1)))→この回答で入力すると同品目の3番目のデータが表示されてしまいました。前回納入した情報を出力したいので再度お願いいたします。 同品目の3番目のデータはシート1では見られませんね。3番目が最後のものでそれよりも...
3913日前view26
全般
29
Views
質問者が納得添付の図を見ると、C13、E13も点数と項目数があるのですが、質問では抜けているのでしょうか? また、添付にはB列が2つあるのですが、これは無視ということにしています。 入力されているシートのシートイベントに記述します。 Private Sub Worksheet_Change(ByVal Target As Range) Dim i As Long Dim j As Long If Intersect(Target, Range("D4,D7,D10,D13,D16,E4,E7,E10,...
3985日前view29
全般
27
Views
質問者が納得◆画像を参考に次の数式を設定してみましょう。 シート2の重量を表示させるセル(D2) =IF(C2="","",SUMPRODUCT((Sheet1!A2:A5=Sheet2!A2)*(Sheet1!B2:B5=Sheet2!B2)*(Sheet1!C2:C5=Sheet2!C2),Sheet1!D2:D5)) 以下、下方に数式をコピーする。 ※ SUMPRODUCT 関数 1)シート1の「名前1の範囲=シート2の名前1のAさん」 2)シート1の「名前2の範囲=シ...
4086日前view27
全般
28
Views
質問者が納得身に覚えが無い様なら、迷惑メールであり、詐欺メールだと思いますね。 ※購入した覚えが無いのに、請求された。→「架空請求」です。 このサイトは「投資攻略系」サイトであり、競馬予想サイトです。 詐欺サイトであり、偽装サイトの可能性はあります。 ただ「金」を騙し取られるだけで当たらないと思います。 大川慶次郎&智絵 競馬の神様と女神のパーフェクト馬券メソッドの被害・詐欺と思われる投稿一覧/被害ナビ http://keiba.higainavi.com/higais/5888.html ※口コミの題名を引用。...
4175日前view28

取扱説明書・マニュアル

998view
http://ctlg.panasonic.co.jp/.../C-14D20.pdf
もっと見る