Title: 段組が上手くいきません
Last modified: 2012年7月11日

---

# 段組が上手くいきません

 *  [mitake](https://ja.wordpress.org/support/users/mitake/)
 * (@mitake)
 * [14年、 2ヶ月前](https://ja.wordpress.org/support/topic/%e6%ae%b5%e7%b5%84%e3%81%8c%e4%b8%8a%e6%89%8b%e3%81%8f%e3%81%84%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93/)
 * はじめまして。
    かなり初歩的な質問だとは思うのですが、行き詰ってしまいましたので
   どうかご教授ください。
 * トップページに更新情報を2つ横並びで表示させたいのですが、
    .phpの方に、下の記述
   で、
 * ///////////////////////////////////////////////
 * <div class=”list”>
    <?php $myposts = get_posts(‘numberposts=5&category=6’); foreach(
   $myposts as $post) : ?> <dt><?php echo date(“Y年m月d日”, strtotime($post->post_date));?
   ></dt> <dd>“><?php the_title(); ?></dd><?php endforeach; ?> </div>
 * <div class=”list2″>
    <?php $myposts = get_posts(‘numberposts=5&category=8’); 
   foreach($myposts as $post) : ?> <dt><?php echo date(“Y年m月d日”, strtotime($post-
   >post_date)); ?></dt> <dd>“><?php the_title(); ?></dd><?php endforeach; ?> </
   div> ///////////////////////////////////////////////////////////////
 * そして、　.css の中に以下の記述をしています。
 * ///////////////////////////////////////////////////////////////
 * .list{
    height: 180px; overflow:auto; background:url(/images/a1.png) repeat; 
   float: left; width:400px; }
 * dl{
    width: 350px; height: 50px line-height: 2em; margin-bottom: 35px; margin-
   left:0px; margin-top:0px; }
 * dt{
    width: 200px; padding: 2px; text-align:left; }
 * dd{
    margin: 3px 3px 10px 20px; margin-top: -0.5em; border-bottom:1px dotted #
   250d00; width:350px; padding:2px; }
 * .list dt {
    color: #622d18;}
 * .list dd a {
    color: #622d18;}
 * //////////////////////////////////////////////////////////////////
 * どうか、アドバイス宜しくお願い致します。

3件の返信を表示中 - 1 - 3件目 (全3件中)

 *  [nobita](https://ja.wordpress.org/support/users/nobita/)
 * (@nobita)
 * [14年、 2ヶ月前](https://ja.wordpress.org/support/topic/%e6%ae%b5%e7%b5%84%e3%81%8c%e4%b8%8a%e6%89%8b%e3%81%8f%e3%81%84%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93/#post-149968)
 * こんにちは、
 * dl 要素が、ソースにないんですが？
 *  トピック投稿者 [mitake](https://ja.wordpress.org/support/users/mitake/)
 * (@mitake)
 * [14年、 2ヶ月前](https://ja.wordpress.org/support/topic/%e6%ae%b5%e7%b5%84%e3%81%8c%e4%b8%8a%e6%89%8b%e3%81%8f%e3%81%84%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93/#post-149980)
 * >nobita 様
    ご返信ありがとうございます。 dl要素、なかったですね。消去しました。
 * .list2 {
    width:400px; float:right;}
 * 上記を新しく記述してみると、自分のブラウザ上は
    上手く並んでくれたのですが、適切
   な記述なのでしょうか？
 *  [Ryujiro Yamamoto](https://ja.wordpress.org/support/users/ryu263/)
 * (@ryu263)
 * [14年、 2ヶ月前](https://ja.wordpress.org/support/topic/%e6%ae%b5%e7%b5%84%e3%81%8c%e4%b8%8a%e6%89%8b%e3%81%8f%e3%81%84%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93/#post-149995)
 * mitakeさん、こんにちは。
 * .list2 を float させれば大丈夫だと思います。（leftでもrightでも）
    あと、ddの
   開始タグの後の “> は不要じゃないですか？

3件の返信を表示中 - 1 - 3件目 (全3件中)

 トピック「段組が上手くいきません」には新たに返信することはできません。

## タグ

 * [回り込み](https://ja.wordpress.org/support/topic-tag/%e5%9b%9e%e3%82%8a%e8%be%bc%e3%81%bf/)
 * [段組](https://ja.wordpress.org/support/topic-tag/%e6%ae%b5%e7%b5%84/)

 * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3件の返信
 * 3人の参加者
 * 最後の返信者: [Ryujiro Yamamoto](https://ja.wordpress.org/support/users/ryu263/)
 * 最後の活動: [14年、 2ヶ月前](https://ja.wordpress.org/support/topic/%e6%ae%b5%e7%b5%84%e3%81%8c%e4%b8%8a%e6%89%8b%e3%81%8f%e3%81%84%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93/#post-149995)
 * 状態: 未解決

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック