FireFoxw2でレイアウトず崩れてしまいます。

[新着] Webテンプレートを仮オープンしました



0   名前: FOX : 2007/09/10(月) 22:11  ID:TdJIGD.f sub-bK
下記ソースですが、IE6xでは 現在は一見問題なく表示されていますが、FireFox2だと 一部でレイアウトが崩れてしまいます。
一応HTML-lintでソースチェックをしてみました、大きな問題は無いようです。

▼全体ボックス.B1_boxが繁栄されていません、又テープル内右側がリキッドレイアウト表示になってしまいます。
問題の解決に 皆さんのお力をお借りしたくレスしました、よろしくお願いします。
【↓HTML 4.01 Transitional】

<div class="B1_box"><!--B1_box-->

<div class="B1-Left"><!--B-Left-->
<!--234×60pxバナー縦10ヶ-->
 <a href="*">
 <a href="*">
 <a href="*">
 <a href="*">
 <a href="*">
 <a href="*">
 <a href="*">
 <a href="*">
 <a href="*">
 <a href="*">
</div><!-- /B1-Left-->
	
<div class="B1-Right"><!--B1-Right-->
 <table border="0" cellpadding="0" cellspacing="3" summary="**">
  <tr>
   <th>
    <a href="*"><src="*" width="80"></a>
   </th>
   <td>
    <span>◇◇◇</span>
    ○○○○○
   </td>
  </tr>

  <tr>
   <th>
    <a href="*"><src="*" width="80"></a>
   </th>
   <td>
    <span>◇◇◇</span>
    ○○○○○
   </td>
  </tr>

−−以下同様−−

 </table>
</div><!-- /B1-Right-->
		
</div><!-- /B1_box-->

【↓外部CSS】

/*----------▼全体ボックス*/
.B1_box{
 width:779px;
 border:1px solid #dea1bf;
 background-color:#ffffff;
 height:640px;	/*高60PX10個*/
}
/*----------▼左234pxバナー*/
.B1-Left{
 width:245px;
 height:100%;
 padding-top:4px;
 background-color:#f6edf1;
 text-align:center;
 vartical-align:top;
 float:left;
 border-right:1px solid #dea1bf;
}
/*----------▼右*/
.B1-Right{
 width:523px;
 margin:3px;
 float:right;
}

.B1-Right table{	/*右BOX内TABLE*/
 width:523px;
 height:100%;
 border:none;
 border-collapse:collapse;
}

.B1-Right table th{	/*80px画像*/
 width:88px;
 text-align:center;
 border-bottom:1px dashed #dea1bf;
}

.B1-Right table td{	/*テキスト詳細*/
 width:100%;
 text-align:left;
 vertical-align:top;
 border-bottom:1px dashed #dea1bf;
}

.B1-Right table td span{	/*強調*/
 display:block;
 background-color:#b12e48;
 text-indent:0.5em;
 font-size:1.2em;
 font-weight:bolder;
 height:20px;
 line-height:20px;
 color:#ffffff;
}




問題のWEBページのURLを…とも思いましたが、アフェリエイトページなので、宣伝みたくなってしまいそうなので やめました。
ソース前の「全角」はレスを見やすくするために使用しております。

1   名前: 元帥 : 2007/09/10(月) 22:11  [URL]  ID:cCAwFHb9 sub-bK
# 投稿する前に文章を推敲なさったらどうでしょう。
# 誤字ならまだしも、用語の誤用は避けて下さい。

>>0のコードは投稿する為に手を加えたのでしょうか。
lintで十二分にお分かりかと思いますが、かなりの問題点が見受けられます。

一般的に、Gecko系の方が忠実にレンダリングを行います。
IEの誤ったレンダリング処理が、あたかも正しい記述であるかのように思わせている、と見るべきです。

問題がある、崩れている、反映されない、と仰いましても、何がどのように表示されて欲しいのかが分からないので判断致しかねます。
大雑把に見た所、IE6とFirefox2.0.0.6に違いは見受けられませんでした。
また、リキッドレイアウトにもなっていないようです。

2   名前: FOX-スレENDです。 : 2007/09/10(月) 22:11  ID:TdJIGD.f sub-bK
>>1 元帥さん お世話になりました、お手数をおかけしました。

# 投稿する前に文章を推敲なさったらどうでしょう。
# 誤字ならまだしも、用語の誤用は避けて下さい。

いまいち わかりませんが… (^_^;)

IE6とFirefox2.0.0.6で表示チェックしておりましが やはりFireFoxで レイアウトが崩れます、 >>0 では 出なかったみたいですね、十分に質問の内容が伝わらなかったみたいで 申し訳ないです、見直してみます。

余談になりますが、lintを全面的に信用しているわけではありませんが、今回のページ全体を検証してみると 点数としては100点でした、問題はCSSのfloatに関係していると思いますが、clearfix呼ばれているハックも試してみたのですが、改善無しといったところです。
再考してみます、お世話になりました。

3   名前: 元帥 : 2007/09/10(月) 22:11  [URL]  ID:63ADONXp sub-bK
> >>0 では 出なかったみたいですね
問題の無いソースコードを投稿して、回答者に一体何を求めるのですか?
適切な回答を求めるのであれば、問題の発生する必要最低限のソースコードを投稿し下さい。
長いコードを投稿する為の簡略化は必要でが、その為に問題の本質が見えなくなってしまっては本末転倒といった所です。

> # 投稿する前に文章を推敲なさったらどうでしょう。
> # 誤字ならまだしも、用語の誤用は避けて下さい。
> いまいち わかりませんが… (^_^;)

具体例を挙げなかったのは誤ります。

> FireFoxw2
レイアウト崩れの原因は、パチモンでレンダリングしたからでは?

> 繁栄
はんえい【繁栄】
(形動)さかえること。また、そのさま。「社会の繁栄を招く」
Kokugo Dai Jiten Dictionary. Shinsou-ban (Revised edition) Shogakukan 1988/国語大辞典(新装版)小学館 1988
この場合は反映です…。

> レス
レス れす
レスポンスの略。
スレッドへの返信の事。
http://d.hatena.ne.jp/keyword/%A5&#51577;

因みに、スレは
スレ すれ
スレッドフロート型掲示板で、たくさんある掲示板群の中の、特定の話題を扱ったひとつの話題ツリーのこと。
「スレッド」の略称。
http://d.hatena.ne.jp/keyword/%A5%B9%A5%EC

4   名前: fox fox2 : 2007/09/10(月) 22:11  ID:DMs6BNig sub-Cl
>>3 今までの数々の回答で 元帥さんの知識の豊富さは十分にわかりますし、信頼できますが、WEBの質問と関係のない ちょっとした変換ミスや表現につっこみを入れるのは やめましょうよ、「重箱の隅」を「まち針」の先でさらにつつくような こと ですよ。

>>3 簡略化は必要でが、その為に →→→ 簡略化は必要でが、その為に

こんなことと 相談事の回答は何の関係もないことです。

5   名前: K+S : 2007/09/10(月) 22:11  ID:nROqylMa sub-YS
>>4
http://www.tagindex.com/bbs/note.html#h202
時にはあなたが望む「答え」だけでなく、「意見」などが寄せられる場合もあります。
(当掲示板では、この「意見」なども回答のひとつとして考えています)
この掲示板に限らず、任意の投稿に対するコメントを付けることは自由です。

> # 投稿する前に文章を推敲なさったらどうでしょう。
> # 誤字ならまだしも、用語の誤用は避けて下さい。
と仰っている通りで、誤字脱字を指摘しているだけでなく質問として通じるようにという忠告です。

6   名前: fox fox2  : 2007/09/10(月) 22:11  ID:DMs6BNig sub-Cl
>>5
この掲示板に限らず、任意の投稿に対するコメントを付けることは自由です。
…誤字脱字を指摘しているだけでなく質問として通じるようにという忠告です。

ということで、>>4 について
簡略化は必要でが、その為に →→→ 簡略化は必要でが、その為に
ですよ、ということです、おわかりでしょうか?
それ以上の 意味はありません。

7   名前: 匿名 : 2007/09/10(月) 22:11  ID:Iq7prWSS sub-pq
多少の誤字脱字は、その分の大意が読み取れる程度なら問題にするほどの事ではないでしょう。

しかしながら、

誤:FireFoxw2
正:FireFox2

誤:レス
正:スレ

と言った用語の間違いは、質問の(或いは回答の)意味さえ通じなくしてしまう可能性があります。
実際、私もこのスレッドのタイトルを見て「なんだろう『FireFoxw2』って……」と当惑しました。
元帥さんがおっしゃりたかったのは、そういう事では?

質問者も回答者も、明快な書き込みを行うために、誤字脱字には出来る限りの注意を払うべきだと思いますが、如何でしょうか。

8   名前: fox fox2  : 2007/09/10(月) 22:11  ID:DMs6BNig sub-Cl
>>7
質問者も回答者も、明快な書き込みを行うために、誤字脱字には出来る限りの注意を払うべきだと思いますが、如何でしょうか。

私も そう思います。

>>3 での指摘は 何だか やりすぎではないのかな?と 感じたものですから。


9   名前: 元帥 : 2007/09/10(月) 22:11  [URL]  ID:NGOcY3IG sub-bK
http://www.tagindex.com/cgi-lib/bbs/patio.cgi?mode=view2&f=146&no=215

10   名前: FOX : 2007/09/10(月) 22:11  ID:TdJIGD.f sub-bK
この度は 私の誤字脱字・勘違いで ご迷惑をおかけしました。
書込みを下さった みなさん ありがとう御座いました。

勝手ながら、このスレッドは終了させていただきます、次からは 誤字脱字のないように気をつけます。

一覧へ戻る