横スクロールの表示をさせたいのですがsafariでのみ、以下のHTMLをかいても最初の3つしか表示されず、残りの部分が出てきません。
CSS等で解決できますでしょうか。IE、FFは問題ありません。
【以下HTML】
<div class="main_rightmenu">
<div class="main_scrollmenu"><marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left" height="208" hspace="10" vspace="10" scrolldelay="20" truespeed="truespeed" scrollamount="1">
<div class="main_scrollmenu01"><div class="main_scrollmenu02">イメージ</div>
<div class="main_scrollmenu03">テキスト</div>
</div>
<div class="main_scrollmenu01"><div class="main_scrollmenu02">イメージ</div>
<div class="main_scrollmenu03">テキスト</div>
</div>
<div class="main_scrollmenu01"><div class="main_scrollmenu02">イメージ</div>
<div class="main_scrollmenu03">テキスト</div>
</div>
div class="main_scrollmenu01"><div class="main_scrollmenu02">イメージ</div>
<div class="main_scrollmenu03">テキスト</div>
</div>
div class="main_scrollmenu01"><div class="main_scrollmenu02">イメージ</div>
<div class="main_scrollmenu03">テキスト</div>
</div>
</marquee>
</div>
【以下CSS】
.main_scrollmenu {
background-image: url(../img/bigones-backimg.gif);
background-repeat: no-repeat;
background-position: center center;
height: 210px;
width: 570px;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
white-space: nowrap;
}
.main_scrollmenu01 {
height: 190px;
width: 140px;
margin-top: 5px;
margin-bottom: 5px;
float: left;
}
.main_scrollmenu02 {
height: 120px;
width: 120px;
margin-top: 3px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
border: 1px solid #999999;
}
.main_scrollmenu03 {
width: 120px;
margin-top: 3px;
margin-right: auto;
margin-left: auto;
font-size: 13px;
padding: 0px;
white-space: normal
}
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ASP.NETでプレーンなページに文...
-
VBAでの素数の求め方
-
検索結果がツリー状に表示され...
-
Excel VBAでのIE操作でクリック...
-
htmlの文字が縦書きになる
-
質問1.
-
タグは大文字と小文字どちらが...
-
画像の場合のみ、下線を消す方...
-
Macで画像の切り抜きできないの?
-
CSSがなぜかfont-sizeだけ効か...
-
リストの並べ替え
-
table で画像をピッタリとくっ...
-
ボタンを横に並べて表示させる方法
-
div要素が重なってします
-
親要素・子要素
-
HTML属性での「""」 「''」違い
-
CSSでボックスのheightが0になる
-
HRタグ 枠線を透明にするには?
-
HTMLは、シングルクォートかダ...
-
<ul><li></li></ul>にするメリ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
pythonでのカーソル移動がずれる
-
ASP.NETでプレーンなページに文...
-
safariで見るとページ上部に余...
-
Excel VBAでのIE操作でクリック...
-
検索結果がツリー状に表示され...
-
cnt <= (others => '0'); の意...
-
VBA : QueryTableでのスクレイ...
-
質問です。 新規登録ボタンが全...
-
入れ子になっているhtmlのXPath...
-
プログラマーの方に質問です。 ...
-
VBAでの素数の求め方
-
DIVの入れ子で、FireFoxだとレ...
-
行頭から全角で3文字位さげた...
-
css リンクの色が全部変わって...
-
CSSで、何故か、「float」が上...
-
秀丸で複数行コメントアウトを...
-
chromedriverのver-upで動作不...
-
背景が動くWEBページの作り方に...
-
同じIE8なのに機種によってmarg...
-
HTMLの出力で改行をさせない方...
おすすめ情報