レッドトイプードル・チョコタンチワワ・ブルーマールチワワ・ヨークシャーテリアの子犬を紹介するレッドトイボックスです。

真ん中あたりに
z=14&amp;output=embed"></iframe><br />


ってなってるのを
z=14&amp;output=embed&amp;iwloc=B"></iframe><br />

を追加する。

入れ子にしたdt　ddにcssが効かない事があるんです。

<dl>
　<dt>レッドトイボックスプードルたち</dt>
　<dd>ゆず・かりん・れもん</dd>
　　　<dl>
　　　　　<dt>この子達の関係</dt>
　　　　　<dd>ゆずとかりんは、お父さんが同じです。れもんは、ゆずのこどもです。</dd>
　　　</dl>
　</dd>
</dl>

 こんな時は、

dl dd li　{
　　font-style: normal;
　　font-weight:normal;
　　color:#333;
　　margin:0 0 0 0;
　　padding:0;
}

真ん中の　dl　を抜いて書いてみましょう。
そしたら　幸せになれるかもしれません。

clearfixが良く使われていたのですが　IE8でも使えるのがあるのか知りません。
と言うか　私は、clearfixを使った事がないのです。

いつも　私が使うのは、親要素に　float:left;　を入れます。
でも　これだと場合によっては、都合が悪い時があるのでその時には、　overflow: hidden;　使います。

<div id="oyayouso">
    <div class="hidari">
        <p>ごまとすももは、こむぎとケビンの子供です。</p>
    </div>
    <div class="migi">
        <p>くるみは、プリンの子供です。</p>
    </div>
</div>

#oyayouso {
    overflow: hidden;
}
.hidari {
    float:left;
}
.migi {
    float:left;
}

■　dtとddを横並びにして　dlかdtにpadding-leftを設定すると　
ddの内容の2行目からとかが　IE6で3px後ろに下がってしまいます。
これを　回避するには、ddに『zoom:1;』を入れれば良いのですが

ここで問題が二つ！

□　『zoom:1;』　は w3c のチェックでエラーをくらいます。

□　運が悪ければddの中身が 8em ほど右に寄ってしまいます。

■　dtとddに繋がった border を引く時は、dd の左の余白を margin ではなく padding にすると　dtとddに繋がった border が引けます

<ol>
    <li>
　　　　<dl>
　　　　　　<dt>トイプードルが３頭います。</dt>
　　　　　　<dd>名前は、ゆず・かりん・レモン</dd>
　　　　</dl>
　　</li>
　　<li>
　　　　<dl>
　　　　　　<dt>チワワが７頭います。</dt>
　　　　　　<dd>名前は、プリン・りゅう・こむぎ・くるみ・ケビン・ごま・すもも</dd>
　　　　</dl>
　　</li>
　　<li>
　　　　<dl>
　　　　　　<dt>ボルゾイが４頭います。</dt>
　　　　　　<dd>名前は、さつき・ウォーリー・あんず・ジンジャー</dd>
　　　　</dl>
　　</li>
</ol>


こう書くと　IE6で

　　　　トイプードルが３頭います。
　　　　　　　　　名前は、ゆず・かりん・レモン
2.
　　　　チワワが７頭います。
　　　　　　　　　名前は、プリン・りゅう・こむぎ・くるみ・ケビン・ごま・すもも
3．
　　　　ボルゾイが４頭います。
　　　　　　　　　名前は、さつき・ウォーリー・あんず・ジンジャー

となり　1個目のリストマークが行方不明になります。

＝＝＝＝解決方法＝＝＝＝

<ol>
   <li><!-- IE撲滅運動実施中！ -->
     <dl>
       <dt>トイプードルが３頭います。</dt>
       <dd>名前は、ゆず・かりん・レモン</dd>
     </dl>
   </li>
   <li>
     <dl>
       <dt>チワワが７頭います。</dt>
       <dd>名前は、プリン・りゅう・こむぎ・くるみ・ケビン・ごま・すもも</dd>
     </dl>
   </li>
   <li>
     <dl>
       <dt>ボルゾイが４頭います。</dt>
       <dd>名前は、さつき・ウォーリー・あんず・ジンジャー</dd>
     </dl>
   </li>
</ol>


と　コメントを書けば良いぽいです。コメントは、なんでもOKみたいです。