Web サイトで YUI マルチページ カレンダーを使用しています。これを自分の Web ページの中央に配置したいのですが、慣れていない複雑な CSS のため、どうすればよいかわかりません。margin-left と margin-right: auto を追加しようとしましたが、うまくいきません。
この複数ページのカレンダーの例は、http: //developer.yahoo.com/yui/examples/calendar/calgrp_clean.htmlにあります。
このカレンダーを中央に配置するのを手伝ってくれる人はいますか?
前もって感謝します。
これは非常に簡単です。マージンが中央に配置できるように、メイン div の幅を定義するだけです。また、月をクリアするためにメイン div が閉じる直前に div を配置して、メイン div の高さ/幅が明確になるようにする必要もあります。
このスタイルをメイン Div に追加します。
<div id="cal1Container" class="yui-calcontainer multi" style="margin: 0 auto; width: 500px; float: none;">
そして、この Div が閉じる前にこれを追加します
<div style="clear: both;"></div>
今それは動作します！フロートは最初はかなり混乱しますが、多くの場合、これを行う必要があります。それ以外は基本的なCSSです。