Tumblrで使えるテーマのHTML/CSSの修正方法について相談です。


Tumblrのカスタマイズのテーマ編集で「Cavalcade」というテーマに設定しました。
float使った2カラムのタイプのデザインです。

サンプルはこれです。
http://safe.tumblr.com/theme/preview/631

このテーマを設定するとブラウザによって崩れてしまう場合があります。
上記サンプルでは崩れていないのですが、実際の投稿記事では左右に画像が入っているため
その影響かとおもいます。
画像をたくさん投稿しても崩れないようにしたいです。

Tumblrのテーマ設定にはHTML編集の機能があるので、HTMLやCSSを修正すれば治るかと思うのですが
HTMLやCSSはあんまり詳しくないため、どこをどう直せばいいかわかりません。

崩れ箇所は下記のとおりです。
FireFox3.6.15で表示すると、カラムが縦に並んでしまいます。
Descriptionの位置も検索の下にきてしまいます。
ChromeやIE8では正しく横に並んで表示できています。

具体的な修正方法いただけると助かります。
よろしくお願いします。

回答の条件
  • 1人2回まで
  • 13歳以上
  • 登録:2011/03/20 00:03:22
  • 終了:2011/03/27 00:05:03

回答(0件)

回答はまだありません

  • id:ufomap
    *横幅の大きな画像をはみ出さないようにする。
    大きな画像は右端が隠れます。

    .box .media a img {
    max-width: 400px;
    overflow-x: hidden;
    }
  • id:yocchi24
    古い投稿なのにご回答ありがとうございます。
    今度ちょっとやってみます!

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

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

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

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