人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

解決していただいた方に500ポイントさしあげます。

HTMLに関する質問なのですが、楽天のページを作っていまして
ブラウザ(IE)をお店トップページの幅ぎりぎりに合わせた状態で
商品ページを表示すると右に若干ズレてしまいます。
ズレないように直したいのですが、どの部分を直せばよろしいでしょうか。

トップページ
http://www.rakuten.ne.jp/gold/hammerstyle/

商品ページ
http://item.rakuten.co.jp/hammerstyle/f373-f374-f375/
http://item.rakuten.co.jp/hammerstyle/f335/
http://item.rakuten.co.jp/hammerstyle/f361-f362-f363/
など


●質問者: rupopon
●カテゴリ:インターネット ウェブ制作
✍キーワード:HTML IE トップページ ブラウザ ポイント
○ 状態 :終了
└ 回答数 : 6/6件

▽最新の回答へ

1 ● 牛乳先生(tukihatu)
●500ポイント

商品詳細ページのソース(htmlをノートパッドで開くと出てくる文字)の

<br>
<div align="center">
<table width="100%" cellspacing="20" cellpadding="0" border="0">
<tr>
<td align="center">

<br>
<div align="center">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="center">

に置き換えてみてください。

下層商品ページだけ、テーブルに20のcellspacingが入っているのが原因と思います。

◎質問者からの返答

すみません。その部分は楽天側で設定されているので編集できませんでした。

編集できるのは、下記部分から下になります。

逆にトップページにcellspacing="20"を入れてみたのですが、うまくいきませんでした。


2 ● saitoh1983
●0ポイント

何回もやってみましたが全然ずれません。

どうしてでしょうか。

もう直しましたか?


従来から何かと、楽天のページは右にずれることが多いようです。

それは他店のページで経験が何回もあります。

多少のことずれでもそういうものだと諦めています。

諦めてるというか、購入に差し支えなければ気にしません。



むしろ購入に懸命な時は、多少のずれなど気にしていられない心理ではないですか?

ズレより商品で勝負というか、よけいなことでしょうが頑張ってください。

◎質問者からの返答

ズレですが、ブラウザ(IE)をお店トップページの幅ぎりぎりに合わせた状態に

顕著に発生します。

応援ありがとうございます。


3 ● 牛乳先生(tukihatu)
●0ポイント

下コメントの続きです。

勉強のためにやってみました。

結果は、できるけどちょっと…という結果に…

いじれる一番上の部分の

<table width="800" border="0" cellpadding="0" cellspacing="0">
<tr>

<script type="text/javascript">
<!--//
document.body.style.display = "none";
window.onload = function(){
document.body.innerHTML = document.body.innerHTML.replace(/cellspacing=.*20.*/gi,'cellspacing="0"');
document.body.style.display = "inline";
}
//-->
</script>
<table width="800" border="0" cellpadding="0" cellspacing="0">
<tr>

に置換えてみてください

すべてをロードするまで待つので、表示が若干遅くなります。

ie、firefoxでは動きました。

いじれない部分をjavascriptで無理やり変更しているので、根本的な解決になってないという点であまり好きな手法ではないですが…やるならこれしかないかなと

もしかしたら楽天規約に違反してるかもしれないし…非表示じゃないから大丈夫かな。

◎質問者からの返答

すみません。これもまた楽天側で使えるタグが決まっているので、

商品ページ編集では<script>


4 ● maverick100s
●0ポイント

ローカルにページを落として試したところ、1で述べられているtukihatuさんの方法ですんなり直りましたよ。

それを試したのは昨日の、まだ他に書き込みがない時でしたが、もう解決しちゃってるんだなってことで、何も書き込みませんでした・・・。が、まだ解決していないんですねw

ちなみに、「その部分は楽天側で設定されている」に少し不信感を抱いています。というのは、楽天側で設定されているなら、なぜページごとにその設定が変わるのか?と、いうことです。

お手数ですが、もう一度ご確認してみていただけませんか?


てか、答える人たちがわかりやすいように、自分で触れる部分には

<!-- ********************** my part start **************************** -->

自分で書いたHTML部分

<!-- ********************** my part end ****************************** -->

と、いう風にしていただけると、早く解決できるかもしれませんよ。


それから、http://validator.w3.org/ のバリデーションにかけたら、HTMLのバランスが崩れていることがわかりましたので、まず、すべてのHTML構文ミスを解決すると、たいていこのような問題は自ずと直っちゃうものですので、試していただければと思います。

ピンポイントの解決方法でなくて申し訳ありません^^;

◎質問者からの返答

ありがとうございます。200行目前後の cellpadding="20" は

全てのページでそうなっていると思うのですが、違うページがありましたら

教えていただけると嬉しいです。


5 ● maverick100s
●0ポイント

全てのページでそうなっていると思うのですが、違うページがありましたら

教えていただけると嬉しいです。

Top ページには cellspacing="20" はありませんよ。

◎質問者からの返答

すみません。商品ページの全てのページという意味です。

トップページは全てこちら側でHTML編集が出来ます。

商品ページに入っているcellspacing="20"は楽天側で設定されているので

編集は出来ません。


1-5件表示/6件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ