• 締切済み

スタイルシートの位置調整

http://11dot2.net/appstore-world-ranking このサイトの左メニュー上にAppStoreの世界ランキングNo.1を表示するカバーフローを設置しました。 この位置をそれより下にある矩形と左右の幅と位置を調整したいのですが、うまくいきません。 このカバーフローはiframeで表示していますので、そのiframeのCSS調整でできるのか、DIV要素等で囲んでから、調整が必要なのかも、いろいろ試してみたものの、わかりません。 ブラウザはMacのFireFoxとSafariで確認しています。

みんなの回答

  • k_izumo
  • ベストアンサー率50% (68/134)
回答No.1

明らかにカテゴリー違いませんか？

11dot2
質問者

補足

カテゴリーは正直どこが適切なのかわかりませんでした。 ＞ 明らかにカテゴリー違いませんか？ どこが適切でしょうか？ デジタルライフも見ましたが、どうも違うように思い、 【コンピュータ】の【その他】くらいかと思ったのですが・・・ 大カテゴリー 　ライフ 　デジタルライフ 　趣味 　エンターテイメント 　美容＆健康 　ビジネス＆キャリア 　社会 　マネー 　学問＆教育 　[地域情報]旅行・レジャー・生活 　[技術者向]コンピューター 　【特設】アンケート

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. その他([技術者向] コンピューター)

関連するQ&A

  • スタイルシートに関して

    最近、スタイルシートの勉強を始めました。 下記の様なCSS,HTMLを作成しブラウザーで表示するとIEは意図通りに IE以外(FireFox,Opera等)ではIEと違う（意図と異なる）表示になり 悩んでいます。 表示したい内容 黒いベース(300px,300px)の上に紫の四角(200px,200px)、さらにその上に緑の四角(100px,100px)を配置したい。 配置は、ブラウザーの左上隅より中心を上から150px,左から150pxとし３つ共に中心を合わせる。 IEでは、意図通りに表示 IE以外では、上にスペースが空き、各boxの表示位置が上にずれている CSS .box0 { width:300px; height:300px; background-color:#000000; } .box1 { margin-top:50px; margin-left:50px; width:200px; height:200px; background-color:#ff00ff; } .box2 { margin-top:50px; margin-left:50px; width:100px; height:100px; background-color:#00ff00; } HTML <BODY> <div class="box0"> <div class="box1"> <div class="box2"> </div> </div> </div> </body> ＊内容が悪いよとかCSSではできないよなどご意見・アドバイス頂ければ幸いです。

    • ベストアンサー
    • HTML
  • 画像上に文字を表示するとiPhoneで位置がずれる

    ホームページで時間に応じて2行のテキストを時計画像の上に表示したいのですが 以下のCSSを使った方法ではPCやアンドロイドではズレないで表示されます。 ただし親のiPhoneを借りて見ると 何故か文字位置が下の方にずれてしまい画像から文字がはみ出してしまいます。 ブラウザは標準ではいってるやつ（Safari？）です。 <div style="position: relative;"> <img src="hoge.jpg" width=250 height=46> <div style="position:absolute; top:6px; left:20px;"> <table border=0 cellspacing=0 cellpadding=0> <tr><td>この文章は</td></tr> <tr><td>サンプルですよ</td></tr> </table> </div> </div> どうもiPhoneのSafariはフォントサイズを自動で調整する機能があるそうで それを解除するために以下のCSSを追加してみました。 -webkit-text-size-adjust: none; このCSSを追加するとフォントサイズは変えていなくても表示は小さくなり 位置ずれはマシにはなりました。 が、それでも行間が大きいためか画像からははみ出しています。 テーブル部分を2個に分離してそれぞれ位置を修正すれば、と思ったのですが それだとSafari以外は詰まって表示されてしまいますよね・・・シクシク。 他のブラウザならともかくiPhoneの標準ブラウザなので何とか直したいです。 これを修正できる方法をご存知の方はおられますでしょうか？ 画像の上に文字を表示できるのでしたら、 上記のCSSとはまったく別のものになっても構いません。 よろしくおねがいします。

    • ベストアンサー
    • CSS
  • スタイルシートでデザイン

    style.cssからの読み込みで<div class=""></div>を使いテーブルデザインを行っていますが、スタイルシートで表のように、縦3列横2列等で表示させる方法がわかりません。位置指定で表示させるしかないのでしょうか？ 最近スタイルシートを使いはじめ、上記のデザイン方法をいろいろなサイトで調べてみましたがわかりませんでした。方法、又は、わかりやすい参考サイトをお教えいただけると幸いです。

    • ベストアンサー
    • HTML
  • ｃｓｓで<div>の位置を自動で調整したいです。

    いつもお世話になっております。 今回はcssのことでご指導お願い致します。 上下のフレームを使ってHPを作っているのですが、下のフレームにはtableがあり、その下に<div>があります。この形がいいのか悪いのかもわからないのですが、DreamweaverMX2004のテンプレートを使って作りはじめ、いらないものを削除したり、tableを挿入したりしているうちに今のレイアウトになっています。 それで教えていただきたいのですが、tableの縦のサイズが頻繁に変わります。そのたびに<div>の位置を調整していたのですが、tableのサイズにあわせて<div>の位置が自動で調整されるようにするにはどうしたらいいのでしょうか？ ネットで調べて、positionをautoにしたり、諸々試したのですけど思うとおりになりません・・ ご指導の程、宜しくお願い致します。

  • 背景画像を任意の位置に置きたい

    こんにちは、Santaと申します。 いつもお世話になっております。 Firefox ８．０ Chrome １６．０ 背景画像を任意の位置に置きたいです。 画像のとおりです。 背景画像の大きさは width:950px; height:800px; です。 左右にオレンジ色の矩形を置いております。オレンジの矩形の間の白いところは、白の矩形です。 左右では、center真ん中に来るように、上からは200px;の位置に置きたいと思っております。 自分の書いたCSSでは、絵柄が少し表示されるだけで、全体の画像も表示することができませんでした。 css --------------------------------- body { background-image:url(../images/background_line_wall.gif); background-position:50% 50%; background-repeat:no-repeat; } ----------------------------------- どのように書きましたら、上から２００pxの位置へ、左、右からは中央へセンタリングできますでしょうか？ よろしくお願いいたします 失礼致します。

    • ベストアンサー
    • CSS
  • iframe内のshadowbox プレイヤー位置

    こんばんわ。 　iframe内でshadowboxを使って動画を再生しようと考えています。 iframeはheight1000px位の縦長です。iframe内の画像をクリックするとshadowboxが機能し、動作はするのですがプレイヤーの位置がフレーム中央に表示されロールしないと見れません。 　ページの中央にプレイヤーが配置されるようにわざわざプログラミングされているのは理解できますが、なんとかこのプレイヤーの位置を調整できないものでしょうか。できればiframeページの上部に配置したいのです。 cssでやってもうまくいかず、javascriptも詳しくなく、shadow.jsのソースを見てもわかりません。 もしご存知の方がいらっしゃればお手数ですが、宜しくお願いします。

  • IE9でフラッシュ位置が左側へずれる

    お世話になります。 IE7や8やFirefox,Chrome,Safariではまともに表示していたフラッシュの位置が、IE9では左側(5～10px程)へずれてしまいます。 大きなずれではないのですが整合さに欠けて多少見にくくなってしまいました。 IE9のバグのようですが、cssなどで訂正できるすべはないのでしょうか？ ネットで探したり、自分でcssをいじったりしていますが、表示が変わらなくて困っています。 ご存じの方がいらっしゃったらご教示ください。

  • スタイルシート（ＣＳＳ）がＳａｆａｒｉのみレイアウトが崩れるときの対処法

    趣味でＣＳＳレイアウトを用いて、サイトを作成しています。 ＣＳＳでつくったコンテンツ部分の枠の中に、ＣＳＳで３つのわくを横並びにつくっていたのですが、IEで表示がくずれたので、仕方なくテーブルで作成したところ、正しく表示されるようになりました。 しかしＳａｆａｒｉのみその３つのわくが横に飛び出してしまいます。 他にＦｉｒｅｆｏｘ、ＩＥ７、Ｓｌｅｉｐｎｉｒでは正常に表示されます。 こういうときＷｅＢデザイナーの方はどうされているのでしょうか？

    • ベストアンサー
    • HTML
  • iframeの機能をcss(divタグ)で表現する方法

    タイトル通りです。 cssでiframeの機能を使いたいです。 iframeのフレーム内にフレーム外からのリンクを表示する機能なんですが、iframeタグを使わずcssで代替した時の書き方がわかりません。 -----------------------ソース------------------------------ css----------- div.iframe { padding:10px; width:300px; height:200px; border:solid 1px pink; overflow:scroll; } <div class="iframe"> 内容 </div> ----------------------------------------------------------- わかる人がいたら教えて頂きたいです。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • borderの位置を調整する方法を教えてください

    【html】 <ul> <li>A</li> <li>B</li> </ul> 【ｃｓｓ】 li{ border-left: 1px solid #CCCCCC; } このような状態の場合、線の表示される位置を調整するには どうすればいいのでしょうか？ 初歩的な質問だと思いますが、よろしくお願いします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する