1220859232 お気持ちのみですが150p差し上げます。

htmlのコードのエラー(カラム落ち?左端のメニューが下に落ちる[添付画像参照]エラーの原因)を見つけて、できれば代替コードを提示してください。

FC2のcssも使用しています。

プログラムはコメントに示します。
お力添えよろしくお願いします。

回答の条件
  • 1人2回まで
  • 登録:2008/09/08 16:33:53
  • 終了:2008/09/08 18:39:56

ベストアンサー

id:octech No.1

octech回答回数12ベストアンサー獲得回数12008/09/08 18:13:59

ポイント150pt

調べてみました。

まず、style.cssの先頭にある、@charset "EUC-EN"; は、"EUC-JP"の間違いでしょうか?修正が必要でした。

で、HTMLの中身を見てみたら、divが整合性がとれていなかったのがエラーの原因だと思います。

</div><!-- div class entry close -->

となっている箇所をコメントアウトすると、大丈夫だと思います。

<!-- BODY1 (ITERATION) -->
<div class="entry">
で始まっているdivは、
</div>
<!-- BODY1 -->

のところで閉じていますので、こちらの

を削除してもいいかもしれませんが、どちらを消すかは、意図するデザインによりますので、お任せします。

</div>
id:ReoReo7

うまくできました!ありがとうございました。

2008/09/08 18:39:40
  • id:ReoReo7
    index.html

    <?xml version="1.0" encoding="EUC-JP"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=euc-en" />
    <meta http-equiv="content-style-type" content="text/css" />
    <meta http-equiv="content-script-type" content="text/javascript" />
    <meta name="author" content="AUTHOR NAME" />
    <meta name="description" content="CONTENT DESCRIPTION" />
    <link rel="alternate" type="application/rss+xml" title="RSS" href="http://www.google.co.uk" />
    <link rel="stylesheet" type="text/css" href="style.css" /> <!-- INSERT YOUR STYLESHEET NAME HERE -->
    <link rel="top" href="http://www.google.co.uk" title="home" />
    <link rel="next" href="http://www.google.co.uk" title="sub link" />
    <title> WEBPAGE TITLE </title></head>
    <body>

    <div id="pagetop">
    <div class="toptitle">
    <div class="t-login e-frame">
    <ul>
    <li>
    <a href="http://www.google.co.uk" title="WEB-PAGE TITLE">Home</a>
    <a href="http://www.google.co.uk">LINK2</a>
    <a href="http://www.google.co.uk">LINK3</a>
    </li>
    </ul>
    </div>
    <div class="f-ina e-frame"></div>
    <h1 class="title">
    <a href="http://www.google.co.uk" title="WEBPAGE TITLE HERE">WEBPAGE TITLE HERE</a>
    </h1>
    </div>
    <div class="intro">INTRO HERE</div>
    </div>
    <div class="leftside"><!--LEFTSIDE-->
    <div class="main"><!--MAIN-->
    <div class="m-main"><!-- m-main -->

    <!-- TOP ENTRY -->
    <div class="p-third">
    <div class="f-ina f-cen"></div>
    <div class="f-one f-cen">
    <div class="entryback">
    <div class="e-title e-frame">RECENTLY CHANGED JOBS</div>
    <div class="f-inin f-cen"></div>
    <div class="p-body">
    <ul>
    <li style="text-align:left"><a href="http://www.google.co.uk" title="LINK1">LINK1</a></li>
    <li style="text-align:left"><a href="http://www.google.co.uk" title="LINK2">LINK2</a></li>
    <li style="text-align:left"><a href="http://www.google.co.uk" title="LINK3">LINK3</a></li>
    <li style="text-align:left"><a href="http://www.google.co.uk" title="LINK4">LINK4</a></li>
    </ul>
    </div>
    </div>
    </div>
    <div class="f-ina f-cen">。。</div>
    </div>
    <!-- TOP ENTRY -->

    <div class="entry">
    <!-- BODY1 (ITERATION) -->
    <div class="f-ina f-cen"></div>
    <div class="f-one f-cen">
    <div class="entryback">
    <h2 class="e-title e-frame" id="title1"><a href="http://www.google.co.uk" title="BODY1 TITLE">JOB1 NAME</a></h2>
    <div class="e-date"><a href="http://www.google.co.uk">UPPER LINK 1</a></div>
    <div class="e-text">
    BODY TEXT<br>
    BODY TEXT<br>
    BODY TEXT<br>
    <div class="tag">RELATED LINK: <a href="http://www.google.co.uk" title="RELATED2">RELATED LINK 1</a></div>
    </div>
    <div class="e-date">
    <a href="http://www.google.co.uk">BOTTOM LINK 1</a>
    <a href="#pagetop">Top</a></div>
    </div>
    <div class="f-ina f-cen">。。</div>
    </div>
    </div>
    <!-- BODY1 -->


    <!-- BODY2 (ITERATION) -->
    <div class="f-ina f-cen"></div>
    <div class="f-one f-cen">
    <div class="entryback">
    <h2 class="e-title e-frame" id="title1"><a href="http://www.google.co.uk" title="BODY1 TITLE">JOB2 NAME</a></h2>
    <div class="e-date"><a href="http://www.google.co.uk">UPPER LINK 2</a></div>
    <div class="e-text">
    BODY TEXT<br>
    BODY TEXT<br>
    BODY TEXT<br>
    <div class="tag">RELATED LINK: <a href="http://www.google.co.uk" title="RELATED2">RELATED LINK 2</a></div>
    </div>
    <div class="e-date">
    <a href="http://www.google.co.uk">BOTTOM LINK 2</a>
    <a href="#pagetop">Top</a></div>
    </div>
    <div class="f-ina f-cen">。。</div>
    </div>
    </div>
    <!-- BODY2 -->

    <!-- bottom -->
    <span style="color:#0000FF">
    <div class="navi r-navi" id="n-bottom">
    <ul>
    <li>
    <a href="http://www.google.co.uk" title="bottom link 1">HOME</a>
    <a href="http://www.google.co.uk" title="bottom link 2">NEXT</a>
    </li>
    </ul>
    </div>
    </span>
    <!-- bottom -->
    </div> <!-- div class entry close -->
    </div><!-- div class m-main close-->

    <!-- div class leftside -->
    <div class="left"> <!-- div class left-->
    <div class="r-main"> <!-- div class r-main-->

    <!--search space-->
    <div class="f-ina e-frame" style="width: 279px; height: 20px"> </div>
    <div class="s-title e-frame">SEARCH</div>
    <div class="f-ina e-frame">。。</div>
    <div class="s-body f-bottom">
    <div class="s-text">
    <div class="s-description"></div>
    <form action="SEARCH METHOD ADDRESS HERE" method="get">
    <p class="plugin-search" style="text-align:left">
    <input type="text" size="20" name="q" value="" maxlength="150"><br>
    <input type="submit" value="SEARCH">
    </p>
    </form>
    <div class="s-description"></div>
    </div>
    </div>
    <!--search space-->

    <!--category 1-->
    <div class="f-ina e-frame">。。</div>
    <div class="s-title e-frame">CATEGORY 1</div>
    <div class="f-ina e-frame">。。</div>
    <div class="s-body f-bottom">
    <div class="s-text">
    <div class="s-description"></div>
    <ul>
    <li style="text-align:left"><a href="http://www.google.co.uk" title="LINK 1">LINK 1</a></li>
    <li style="text-align:left"><a href="http://www.google.co.uk" title="LINK 2">LINK 2</a></li>
    <li style="text-align:left"><a href="http://www.google.co.uk" title="LINK 3">LINK 3</a></li>
    </ul>
    <div class="s-description">LINK DESCRIPTION HERE</div>
    </div>
    </div>
    <!--category 1-->


    <!--category 2 (iteration)-->
    <div class="f-ina e-frame">。。</div>
    <div class="s-title e-frame">CATEGORY 2</div>
    <div class="f-ina e-frame">。。</div>
    <div class="s-body f-bottom">
    <div class="s-text">
    <div class="s-description"></div>
    <ul>
    <li style="text-align:left"><a href="http://www.google.co.uk" title="LINK 4">LINK 4</a></li>
    <li style="text-align:left"><a href="http://www.google.co.uk" title="LINK 5">LINK 5</a></li>
    <li style="text-align:left"><a href="http://www.google.co.uk" title="LINK 6">LINK 6</a></li>
    </ul>
    <div class="s-description">LINK DESCRIPTION HERE</div>
    </div>
    </div>
    <!--category 2 (iteration)-->

    </div> <!-- div class r-main close-->
    </div> <!-- div class left close-->
    </div><!-- div class main close -->
    </div><!-- div class leftside close -->



    <!-- div rightside if applicable
    <div class="right" style="width: 277px; height: 3346px">
    <div class="r-main">
    your text here
    </div>
    </div>
    -->

    <div class="f-inin" style="clear:both;width:1211px;height:25px"> </div>

    </body>
    </html>
  • id:ReoReo7
    style.css(FC2ブログのものを少し数値変更)

    @charset "EUC-EN";

    /* プラグイン3を常に表示させる場合はHTML編集の該当箇所2つを削除
    使わない場合はプラグイン1や2に移動 */
    /* 幅変更はカラム落ちの原因となるのでpxや%の設定を慎重に */
    /* サンプル http://paro2day.blog122.fc2.com/blog-entry-331.html */

    /* 記事本文で使用可能な画像の大きさ目安 */
    /* L 500px / M 420px / S 340px / 可変 変動 */


    /* === big 94% small 82% ==================== 記事本文 文字サイズ === */

    .e-text,h2.e-title,div.e-title,.titlebody{ font-size: 82% ;}

    /* === 初期値 : メイン可変 ================================ 幅変更=== */
    /* 全体幅を%で指定すると可変。pxで指定すると固定幅 */
    /* L 950px 190px 190px -190px -190px 202px 202px */
    /* M 866px 190px 190px -190px -190px 202px 202px */
    /* S 770px 180px 180px -180px -180px 192px 192px */
    /* メイン可変 96% 190px 190px -190px -190px 202px 202px */
    /* オール可変 96% 20% 20% -20% -20% 21% 21% */
    /* 上記サンプルのどれか1行を左から順に下記の7つに上書き */

    #pagetop{ width: 96% ;} /* 全体幅 */
    div.left{ width: 285px ;} /* LEFT SIDE WIDTH 左サイド幅 */
    div.right{ width: 0px ;} /* RIGHT SIDE WIDTH右サイド幅 */
    div.main{ margin-left : -285px ;} /* LEFT SIDE WIDTH (MINUS) 左サイド幅の-値 */
    div.leftside{ margin-right: 0px ;} /* 右サイド幅の-値 */
    div.m-main{
    margin-left : 297px ; /* LEFT SIDE WIDTH + 12 左サイドの幅+12の数値 */
    margin-right : 12px ; /* 右サイドの幅+12の数値 */
    }

    /* コメントフォームの横幅//全体幅が小さい場合は数値を減らす */
    /* M 370px 155px S 340px 155px */
    div.c-form textarea{ width: 370px ;} /* 本文入力欄 */
    input#name,input#mail,input#title,input#url{ width: 155px ; } /* 名前等入力欄 */

    /* ==================================================== アクセント色=== */

    .toptitle .e-frame{ background: #dddedf ; } /* 最上部・最下部背景色 */

    .e-frame,span.c-no{ background: #eeeeee ; } /* 記事タイトル背景色 */
    .f-cen{ background: #dddddd ; } /* 記事枠線の色 */

    div.r-main .e-frame,table.calender td a:hover,table.calender td a:active,
    .calender caption a:hover,.calender caption a:active{
    background: #e9e9e9 ; } /* サイドバータイトル背景色 */

    /* ---------------------------------------------サイドバーリンク色--- */

    .r-main a:link,.r-main a:visited{
    text-decoration: none;
    color: #44619b;
    }
    .r-main a:hover,.r-main a:active{
    text-decoration: none;
    color: #bf4538;
    }

    .r-main li a:link,.r-main li a:visited,.p-body li a:link,.p-body li a:visited,.navi a:link,.navi a:visited{
    text-decoration: none;
    color: #888888;
    }
    div.r-main li a:hover,div.r-main li a:active,div.p-body li a:hover,div.p-body li a:active,div.navi a:hover{
    text-decoration: none;
    color: #000000;
    }

    /* --------------------------------------------記事本文---リンク色--- */

    .e-text a:link,.e-text a:visited,div.tag a:link,div.tag a:visited,
    .p-body a:link,.p-body a:visited,
    .c-entry a:link,.c-entry a:visited,.t-body a:link,.t-body a:visited{
    text-decoration: underline;
    color: #44619b;
    }
    .e-text a:hover,div.tag a:hover,.c-entry a:hover,.t-body a:hover,.p-body a:hover,
    .titlebody div.titledate a:hover,.titlebody div.titledate a:active{
    text-decoration: none;
    color: #bf4538;
    }

    /* -----------------------------------------------------------画像--- */
    /* 囲み線が不要な場合は border 部分の1行を削除 */
    /* 左右の余白を増やしすぎると画像が飛び出る */

    .e-text img{
    border: #eeeeee 1px solid; /* --記事囲み線-- */
    margin: 1px 1px; /* --余白-上下・左右-- */
    }

    .s-body .s-text img{
    border: #eeeeee 0px solid; /* --サイドバー囲み線-必要な場合は 1px に- */
    margin: 1px 1px; /* --余白-上下・左右-- */
    }

    /* -----------------------------------------------------文字サイズ--- */

    h1.title{ font-size: 94%; } /* --タイトル-- */

    .intro{ font-size: 82%; } /* --ブログ説明文-- */

    div.tag{ font-size: 82%; } /* --記事下部-- */

    .e-date{ font-size: 82%;} /* --日付カテゴリ-- */

    .c-entry,.c-form,.t-body{ font-size: 82%; } /* --コメント・トラバ-- */

    div.navi,#b-main{
    font-size: 82%; /* --ナビ-- */
    color: #eeeeee;
    }

    .r-main,.copyright{ font-size: 82%; } /* --サイドバー-- */

    .p-body{ font-size: 82%; } /* --プラグイン3-- */

    /* ----------------------------------------------------記事本文行間--- */

    div.e-text{ line-height: 1.7; }

    /* ---------------------------------------------------------文字色--- */

    h2.e-title,h2.e-title a:link,h2.e-title a:visited,div.e-title{
    text-decoration: none;
    color: #393939; /* --記事タイトル-- */
    }

    div h2.e-title a:hover,div h2.e-title a:active{
    color: #bd4538; /* --記事タイトル-カーソル接触-- */
    }

    .m-main,.m-main table,.c-entry,.t-body{
    color: #444444; /* --記事本文-- */
    }

    .titlebody a:link,.titlebody a:visited{
    text-decoration: none; /* --全ての記事・タイトル一覧-- */
    color: #555555;
    }
    .titlebody a:hover,.titlebody a:active,div.titledate a:hover,div.titledate a:active{
    text-decoration: none;
    color: #bd4538;
    }

    .s-title,table.calender td a:hover,table.calender td a:active,
    .calender caption a:hover,.calender caption a:active{
    color: #555555; /* --サイドバータイトル-- */
    }

    .r-main,.r-main table{ color: #444444; } /* --サイドバーテキスト-- */

    div.p-body{ color: #333333; } /* --プラグイン3-- */

    .intro{ color: #333333; } /* --ブログ説明文-- */

    h1.title a:link,h1.title a:visited{
    text-decoration: none;
    color: #000000; /* --ブログタイトル-- */
    }
    h1.title a:hover{
    text-decoration: none;
    color: #000000; /* --ブログタイトル-カーソル接触-- */
    }

    .t-login,.t-login a:link,.t-login a:visited,.copyright a:link,.copyright a:visited,.copyright{
    text-decoration: none;
    color: #999999; /* --最上部、最下部-- */
    }
    .t-login a:hover,.t-login a:active,.copyright a:hover,.copyright a:active{ color: #222222; }

    .copyright strong{ font-weight: normal; }

    .t-login a:link,.t-login a:visited{ padding: 2px 5px; }

    /* -------------------------------------------記事日付部分文字色--- */

    .e-date{ color: #eeeeee; }

    .e-date a:link,.e-date a:visited,.e-time,span.t-page{
    color: #555555;
    text-decoration: none;
    }

    .e-date a:hover,.e-date a:active{
    color: #bd4538;
    }

    /* ---------------------------------------------その他のリンク書式--- */

    a:link,a:visited{
    color: #000000;
    text-decoration: none;
    }
    a:hover{ color: #999999; }

    div.tag a:link,div.tag a:visited{ padding: 0 2px 0 0; }

    div.s-body table.calender td a:link,
    div.s-body table.calender td a:visited{
    text-decoration: none;
    }
    div.s-body table.calender td a:hover{
    text-decoration: none;
    }

    .b-top a:link,.b-top a:visited{
    text-decoration: none;
    color: #cccccc;
    }
    .b-top a:hover{ color: #000000; }

    span.c-no,span.c-no a:link,span.c-no a:visited{
    text-decoration: none;
    color: #000000;
    }
    span.c-no a:hover{ color: #000000; }

    /* ------------------------------------------------------------------ */

    .wday{ float: left;}

    #pagetop{
    margin: 0 auto;
    padding: 0 0;
    }

    div.main{ width: 100%; float: right ; overflow: hidden;}
    div.leftside{ width:100%; float: left; overflow: hidden;}
    div.left{ float: left; overflow: hidden;}
    div.right{ float: right ; overflow: hidden;}

    body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS Pゴシック',sans-serif;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    line-height: 1.6;
    word-break: break-all;
    word-wrap: break-word;
    background: #ffffff; /* --全体背景色-- */
    }

    div.t-login{
    text-align: right;
    font-size: 76%;
    padding: 2px 1px;
    }

    .t-login ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
    .t-login li{
    margin: 0;
    padding: 0;
    display: inline;
    }

    h1.title{
    margin: 0;
    padding: 1em 0.3em 0.4em 1em;
    text-align: left;
    font-weight: normal;
    line-height: 1.5;
    }

    .intro{text-align:left;padding:0.2em 0.8em 0.1em;}

    div.m-main{
    margin-top: 20px;
    text-align: left;
    }

    div.m-main table{
    font-size: 13.12px;
    }

    div.r-main{
    margin-top: 20px;
    text-align: left;
    padding: 0 2px;
    }

    div.r-main table{
    font-size: 13.12px;
    }

    form{ margin: 0; }

    .emoji {
    vertical-align: middle;
    margin: 0 0.1em;
    }

    img{
    border: none;
    }

    a img{
    border: none;
    text-decoration: none;
    }

    .m-main p{
    margin:2px 0;
    }

    .r-main p{
    margin:3px 0;
    }

    pre{
    font-size: inherit;
    overflow: auto;
    }

    textarea{
    font-size: inherit;
    line-height: 1.1;
    }

    blockquote{
    margin: 1em 0.5em;
    padding: 0.6em 0.7em;
    border: #f9f6e0 1px solid;
    color: #333333;
    background: #fffdf8;
    }

    div.m-main blockquote p{
    margin: 0.1em;
    }

    .m-main ul,.m-main ol{
    margin: 17px 0 17px 32px;
    padding: 0;
    line-height: 1.3;
    }

    .m-main ul ul,.m-main ol ol{
    margin: 8px 0 10px 25px;
    padding: 0;
    }

    .m-main li{
    margin: 0.5em 0;
    padding: 0;
    }

    h3{
    background:#fcfcfc;
    border-top: #eeeeee 1px solid;
    border-left: #eeeeee 1px solid;
    border-right: #dddddd 1px solid;
    border-bottom: #dddddd 1px solid;
    margin: 20px -4px 0 -5px;
    padding: 0.3em 0.5em;
    line-height: 1.5;
    font-weight: normal;
    font-size: 100%;
    }

    h4{
    border-bottom: #666666 1px solid;
    margin: 20px 0 0 -4px;
    padding: 5px 6px;
    line-height: 1.3;
    font-weight: normal;
    font-size: 100%;
    }

    /* --------------------------------------------------------entry--- */

    .entry{
    margin: 0px auto 35px;
    }

    div.entryback,.p-body{
    background: #ffffff; /* 記事背景色 */
    }

    div.entryback{
    padding:1px 0 1px;
    width:100%;
    }

    .e-date{
    padding: 3px 5px;
    text-align: right;
    line-height: 1.4;
    background:#fafafa;
    border-top:1px #f0f0f0 solid;
    }

    h2.e-title,div.e-title{
    padding: 0.4em 0.6em;
    margin: 0px 1px 1px;
    text-align: left;
    font-weight: normal;
    line-height: 1.5;
    }

    .e-text{
    margin:0 0 14px;
    padding: 0.6em 1.2em 0.6em 1.4em;
    text-align: left;
    border-top:1px #f3f3f3 solid;
    }

    .fc2_footer{
    margin: 1.5em 0 0;
    }

    .e-more{
    margin: 1em 0.5em;
    }

    .e-more a{
    padding: 0 0.2em;
    }

    #more{
    padding: 20px 0 0;
    }

    div.tag{
    margin: 0 0.3em 0 0.6em;
    text-align: left;
    line-height: 1.5;
    padding-bottom:3px;
    }

    .community{
    text-align: left;
    margin:0 0 6px 0.6em;
    }

    /* ---------------------------------------------------------navi--- */

    .navi-bottom{
    margin: 0.8em 0 1em;
    }

    .navi-top{
    margin: 0 0 1em;
    }

    .navi-perma{
    margin: 0 0 0.5em;
    }

    span.subtitle{ padding:0 0.3em; }

    .l-navi{ text-align:left; }
    .r-navi{ text-align:right; }
    .c-navi{ text-align:center; }
    .p-navi{ display:inline; }

    .navi ul{ margin:0;padding:0;list-style-type:none; }
    .navi li{ display:inline; }
    .navi li a:link,.navi li a:visited,.p-navi a:link,.p-navi a:visited{
    padding: 0.1em;
    line-height: 1.6;
    }

    /* ---------------------------------------------------------side--- */

    .s-title{
    text-align: left;
    padding: 0.3em 0.5em;
    }

    .s-top{
    padding: 0 2px 6px;
    }

    .s-body{
    padding: 0.5em 0.5em 0.5em;
    }

    .s-description{
    padding: 0px 0px; /* --プラグイン説明文余白--上下・左右-- */
    }

    .s-text{
    width: 100%;
    line-height:1.4;
    }

    .s-body ul,.titlebody ul{
    margin: 1px 0 9px;
    padding: 0;
    list-style-type: none;
    }

    .s-body li{
    padding: 6px 3px;
    margin: 0;
    line-height: 1.4;
    border-bottom: #cccccc 1px dashed;
    }

    /* --------------------------------------------comment-trackback--- */

    .c-entry{
    padding: 0.2em 0;
    text-align: left;
    line-height: 1.7;
    margin: 0 0.3em;
    }

    .c-top{
    margin: 4px 0 0.8em;
    padding: 0 0.5em;
    text-align: left;
    }

    .c-top{
    border: #e6e6e6 1px solid;
    background: #fafafa; /* ---c-tripと同じ色に--- */
    }

    span.c-trip{
    marging: 0 7px;
    color: #fafafa; /* ---上記と同じ色に--- */
    }

    span.c-no{
    margin: 0;
    padding: 0 5px;
    text-decoration: none;
    }

    span.c-name{
    padding: 0 7px;
    }

    .c-body{
    margin: 0 1em 0.4em;
    }
    .c-bottom{
    text-align: right;
    margin: 0 0.5em 0 0.1em;
    }

    .c-form{
    padding : 0.6em 0 0;
    line-height: 1.5;
    }

    .c-line{
    border-top: 1px #eeeeee dashed; /* ---フォーム上部線--- */
    }

    .c-formb{
    text-align: right;
    margin: 6px 0;
    padding:2px 10px;
    }

    .t-url{ overflow: auto; }

    .t-body{
    margin: 5px 0.5em;
    }

    .t-user{
    margin: 1em 0;
    text-align: right;
    }

    .t-title{
    margin: 2px 0 0;
    padding: 3px 0.4em 0;
    border-top: #888888 1px dashed;
    }

    .t-entry{
    padding: 0 0.4em;
    line-height: 1.5;
    }

    .t-bottom{
    margin: 0 0 2px;
    line-height: 1.5;
    text-align: right;
    }

    /* ------------------------------------------------------title list--- */

    .titledate{
    text-align: right;
    color: #dddddd;
    padding-top: 2px;
    }

    div.titledate a:link,div.titledate a:visited{ color: #cccccc; }

    li div.titledate a:link,li div.titledate a:visited{ padding: 0 1px; }

    .titlebody{
    padding: 0.3em 0.5em;
    background: #ffffff;
    }

    .titlebody li{
    padding: 3px 3px;
    margin: 0 0 1px;
    line-height: 1.5;
    border-bottom: #dddddd 1px dashed;
    }

    .titlebody li a:link,.titlebody li a:visited{
    text-decoration: none;
    padding: 0 3px;
    }

    /* -------------------------------------------------------bottom--- */

    #b-main{
    clear: both;width:100%;
    padding-top: 5px;padding-bottom:5px;
    text-align: center;
    }

    .copyright{
    padding: 2px 1px;

    }

    /* ---------------------------------------------------------------- */

    div{margin: 0;padding: 0;}

    .toptitle{padding:0 1px;}

    .f-one{padding: 0 1px;}
    .f-bottom{margin-bottom:15px;}

    .f-inin{height:1px;overflow:hidden;}
    .f-ina{margin:0 1px;height:1px;overflow:hidden;}


    .p-third{ padding-bottom: 33px; }

    .p-body{
    padding: 0.6em 1.1em 0.6em 1.3em;
    text-align: left;
    font-weight: normal;
    line-height: 1.6;
    }

    div.p-body ul{
    margin: 0 -0.4em 0 -0.6em;
    padding: 0;
    list-style-type: none;
    }

    div.p-body li{
    padding: 2px 5px;
    margin: 0;
    line-height: 1.5;
    border-bottom: #dddddd 1px dashed;
    }

    /* ----------------------------------------------plugin-calender--- */

    .plugin-calender{
    text-align: center;
    margin: 2px auto;
    padding: 0;
    }

    div.r-main table.calender{
    text-align: center;
    margin: 0 auto;
    line-height: 1.4;
    color: #aaaaaa;
    font-size: 12px;
    }

    .calender caption{
    color: #666666;
    margin: 0 auto;
    padding: 0 0 4px;
    }

    .calender caption a:link,.calender caption a:visited{
    padding: 1px 3px;
    }

    .calender th{
    text-align: center;
    font-weight: normal;
    line-height: 1.4;
    color: #666666;
    }

    .calender th#sun{
    color: #ee6666;
    }

    .calender th#sat{
    color: #6666ee;
    }

    .calender td{
    text-align: center;
    width: 22px;
    line-height: 1.4;
    padding: 0;
    color: #cccccc;
    }

    .calender td a:link,.calender td a:visited{
    display: block;
    }

    /* ----------------------------------------------plugin-category--- */

    .s-body ul.main_menu{
    margin: 1px 0 9px 16px;
    padding: 0;
    list-style-type: circle;
    }
    .s-body ul.sub_menu{
    margin: 0 0 0 2px;
    padding: 0;
    list-style-type: disc;
    }
    .s-body ul.main_menu li{
    padding: 4px 3px;
    margin: 0;
    line-height: 1.4;
    border-bottom: none;
    }
    .s-body ul.sub_menu li{
    padding: 5px 3px 1px;
    margin: 0;
    line-height: 1.4;
    border-bottom: none;
    }

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません