アプリ版:「スタンプのみでお礼する」機能のリリースについて

横スクロールの表示をさせたいのですが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
}

A 回答 (1件)

HTML一部だということで。


<div>タグで最初のかっこ"<"が無い行があります。これを付けて下さい。見たところこれだけだと思います。

この回答への補足

ご回答ありがとうございます。

紛らわしくて申し訳ありません。
ここに記述する時のコピペミスです。
実際は<できちんと囲われています。

補足日時:2008/11/30 18:35
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!