質問 > 管理機能 > レイアウトが崩れる |
管理機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
greanpice |
投稿日時: 2012/3/25 13:14
対応状況: −−−
|
長老 登録日: 2011/7/12 居住地: 投稿: 180 |
レイアウトが崩れる ie9で詳細ページのカートform下に
商品のお問い合わせformを入れるとカートとお問い合わせの間に 必要以上に、空白スペースができます。 margin:0;で指定しているのですが、 直りません。 ほかに原因があるのでようか?? |
ken-o |
投稿日時: 2012/3/26 10:07
対応状況: −−−
|
長老 登録日: 2011/9/22 居住地: 投稿: 222 |
Re: レイアウトが崩れる greanpice 様
</div>に収まっていないとか?新しく作られましたformは、独立した<div>で作られていませんか? ほかに考えられるとすれば、ブラウザによっては「px」と入力してあげなければいけない場合もあります。 例: <div style="margin:0px; padding:0px;"> のように。
|
greanpice |
投稿日時: 2012/3/26 13:28
対応状況: −−−
|
長老 登録日: 2011/7/12 居住地: 投稿: 180 |
Re: レイアウトが崩れる ご返信ありがとうございます。
独立したdivでもpixcel表記でもありませんでした。 IE9以上からformがおかしいようです。 かなり時間をかけてチェックをしているのですが、 駄目みたいです。 |
ken-o |
投稿日時: 2012/3/26 14:49
対応状況: −−−
|
長老 登録日: 2011/9/22 居住地: 投稿: 222 |
Re: レイアウトが崩れる 現物を見ていないので、なんとも言えないのですが、もしかしたらその新しいformに問題があるかもしれません。
その作られたformのソースは公開できませんか? または、どこかのサイトでフリーで公開されていたのであれば、urlを教えてください。
|
greanpice |
投稿日時: 2012/3/26 15:12
対応状況: −−−
|
長老 登録日: 2011/7/12 居住地: 投稿: 180 |
Re: レイアウトが崩れる </form>
<!--▲買い物かご--> <!--▼商品問い合わせ--> <form method="post" action=""> <input type="hidden" name="transactionid" value="c79928e5dabd4630a698dbf804adebec3a281f62" /> <input type="hidden" name="name" value="" /> <input type="hidden" name="product_code" value="410391" /> <!--<input type="submit" value="この商品について問い合わせをする">--> <button type="submit">この商品について問い合わせをする</button> </form> </div> こんな感じですが、わかりますでしょうか?? また既存のFORMか新しく追加したFORMをとると 上につめられて直ります。 CSSでformの設定はpadding:0px; 一括してしてあります。 |
tanaca |
投稿日時: 2012/3/26 16:58
対応状況: −−−
|
仙人 登録日: 2010/11/28 居住地: 福岡県 投稿: 332 |
Re: レイアウトが崩れる 横から失礼します。
フォームが動作する・しないは別として・・ 原因はやはりken-o様がおっしゃってありますように、 </form> <!--▲買い物かご--> の外(下)に配置されている事が原因ではないでしょうか。 たぶん、IE9では下記のようになっているような気がします。 <form name="form1" id="form1" method="post" action="?"> <div id="detailarea" class="clearfix"> <div id="detailphotobloc">画像情報</div> <div id="detailrightbloc">カート情報</div> </div> </form> <!--▲買い物かご--> お問い合わせボタンの記述
|
greanpice |
投稿日時: 2012/3/26 17:39
対応状況: −−−
|
長老 登録日: 2011/7/12 居住地: 投稿: 180 |
Re: レイアウトが崩れる 先ほどの記述で外にformを記述していますが、
問題ありますか?? FORM自体に改行の要素がありますが 以下の記述で <form> </form> 極端なスペース <form> </form> です。 |
ken-o |
投稿日時: 2012/3/26 18:01
対応状況: −−−
|
長老 登録日: 2011/9/22 居住地: 投稿: 222 |
Re: レイアウトが崩れる greanpice 様
確認したいのですが、本案件は、画像のすぐ下に来るようにしたいのですか? それとも、「カゴに入れる」ボタンがある青い枠のすぐ下に来るのは理想なのですか? 前者は、先ほど頂いた記述ですと余白ができます。というか余白ではなく、もともとあるformの構成が右に画像、左に商品情報/カゴへボタン ですから、その構成のすぐ下にできるのは仕方ありません。 なので、画像のすぐ下にボタンを設けるのであれば、 position:absolute; を使って、自由に移動できるようにして、margin-top;やmargin-leftを駆使して移動します。 後者であれば、margin-leftで移動させてあげればいいと思います。 とりあえず、どうしたいかを教えて下さい。 tanaca 様 いつも、お世話になっております。 はじめは僕もそう思いましたが、なんかもっと単純なことな気がしてきました。
|
tanaca |
投稿日時: 2012/3/26 18:13
対応状況: −−−
|
仙人 登録日: 2010/11/28 居住地: 福岡県 投稿: 332 |
Re: レイアウトが崩れる 憶測で書いているので大きく外していたらすみません。
例えば、商品メイン画像を凄く縦に長い画像を表示させていたり、サブ画像をメイン画像の下に縦に並ぶように表示させていたたりすると、その画像が終わった場所から問い合わせボタンが表示されるかと思います。 逆に画像の領域の高さが小さくて、カートボタン側の領域の高さが大きい場合はそのすぐ下に来ると思います。 なので、そのあたりはスタイルシートで調整する必要があるように思います。
|
greanpice |
投稿日時: 2012/3/26 18:25
対応状況: −−−
|
長老 登録日: 2011/7/12 居住地: 投稿: 180 |
Re: レイアウトが崩れる そういった場合ですが、スタイルシートで
ie9以上の調整をpaddingやmarginなどで行った場合 今度は別のブラウザで高さがあわなくなる恐れがあるのですが、 何かいい方法があれば幸いですが。 |
(1) 2 » |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |