横スクロールの表示をさせたいのですが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でプレーンなページに文...
-
Excel VBAでのIE操作でクリック...
-
VBAでの素数の求め方
-
行頭から全角で3文字位さげた...
-
htmlの文字が縦書きになる
-
HTML属性での「""」 「''」違い
-
【ヒトの神秘】美男美女から何...
-
リストマーカーをボックス内に...
-
ボタンをセル内一杯に表示させ...
-
<div id="container">の使いか...
-
<table>の高さ固定。情報増加時...
-
質問1.
-
htmlのolやulなどlistにtitleや...
-
idの中のid指定
-
サイトにjQueryが使用されてい...
-
html/cssの、navを2段にする...
-
リンクをつけた画像をクリック...
-
個別にリンクの色を変える方法
-
border-style:solidで文字がずれる
-
<h1>、<h2>と<p><div>の行間を...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ASP.NETでプレーンなページに文...
-
pythonでのカーソル移動がずれる
-
cnt <= (others => '0'); の意...
-
Excel VBAでのIE操作でクリック...
-
検索結果がツリー状に表示され...
-
VBAでの素数の求め方
-
秀丸で複数行コメントアウトを...
-
質問です。 新規登録ボタンが全...
-
chromedriverのver-upで動作不...
-
safariで見るとページ上部に余...
-
Firefoxで別ページのアンカーリ...
-
行頭から全角で3文字位さげた...
-
プログラマーの方に質問です。 ...
-
背景が動くWEBページの作り方に...
-
css リンクの色が全部変わって...
-
Ajaxで文字列を表示したいです。
-
同じIE8なのに機種によってmarg...
-
携帯サイトの背景色
-
VBA : QueryTableでのスクレイ...
-
htmlの文字が縦書きになる
おすすめ情報