※ ChatGPTを利用し、要約された質問です(原文:safariでの表示)
safariでの表示
このQ&Aのポイント
safariでの表示に関する問題の解決方法を教えてください
safariでの表示に問題があり、横スクロールが正常に表示されない場合の対処法を教えてください
safariでの表示問題に対して、HTMLとCSSを使用して解決する方法を教えてください
横スクロールの表示をさせたいのですが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
}
補足
ご回答ありがとうございます。 紛らわしくて申し訳ありません。 ここに記述する時のコピペミスです。 実際は<できちんと囲われています。