ライブドアブログでブログを作っているのですが、ブログ内の記事検索をして

その結果がズラーと並んだ時に、表示される１つ１つの記事の幅が近すぎる気がしました。

なんとかHTMLやCSSで解決できないでしょうか？

質問者からの補足コメント

• 回答ありがとうございます！！！
  
  ＞解決するには、http://okayama-isya-byouin.blog.jp/searchを取り出して修正する必要があるが、そこまでは公開していないから無理。
  
  というのはどういうことなのでしょうか？
  ライブドアブログ側がそういうのを許していないということでしょうか？
  それとも私が、公開している情報で何か足りない部分があるのでしょうか？

  No.1の回答に寄せられた補足コメントです。 補足日時：2016/11/01 18:35

No.2 ベストアンサー 回答者： t_fumiaki 回答日時： 2016/11/01 20:32

>>どういうことなのでしょうか？

http://okayama-isya-byouin.blog.jp/search
を修正する手段が無いでしょう？

自分でサーバに構築したサイトなら自由。
が、livedoorの仕組みをつかってるんだから、そこまでは公開されていなくて修正出来ないでしょう？
ライブドアブログ側も全部は許していない。

searchと言うhtmlは公開されてませんよ。

他人のふんどし(仕組み内)でやるんだから、仕方無い。

No.1 回答者： t_fumiaki 回答日時： 2016/11/01 17:25

回答が無い様だから・・・仕方無い。

独自ドメインokayama-isya-byouin.blog.jp　をブログurlにしているんだけれど、あくまでドメインで有って、サーバまでは独自では無い。

サーバの仕組みなどはlivedoorに依存してるから、限界がある。

解決するには、http://okayama-isya-byouin.blog.jp/searchを取り出して修正する必要があるが、そこまでは公開していないから無理。

●やろうと思えば以下の方法で可能だが、カテゴリアーカイブや月間アーカイブも一緒に隙間が空く。
cssが区別していないから仕方無いが、それでも良いなら・・・・。
cssを修正する。


.article {
border-bottom: 1px dashed #999;
border-top: 1px dashed #999;
margin-bottom: -1px;
padding: 30px 0;
position: relative;
}

があるから、探してそこに追加する

.article {
border-bottom: 1px dashed #999;
border-top: 1px dashed #999;
margin-bottom: -1px;
padding: 30px 0;
position: relative;
margin-bottom:50px; ←←←追加行
}

数字を大きくすると隙間も大きくなる。

この回答へのお礼

分かりました！答えてくださりありがとうございました！

お礼日時：2016/11/01 22:08