SQLの窓

2013年10月04日


Firefox のみのレイアウトトラブル / float:left と line-height

この、『logical error』で起こってました。普段 Google Chrome を使用しているので、相当気が付くのが遅れました。全く logical では無いので恥ずかしい限りです。

Google Chrome と、IE10 では起こっていません。ですから、ブラウザのデフォルトの振る舞いの違いだと思われます。特に、line-height では解りやすいのですぐ正しく修正しましたが、レイアウトが下へ伸びるはずなのに、右へ回り込んでいるのは少し悩みました。

プログラマなんで、float:left やら float:right は苦手なんで、極力使わないようにしているのですが、ブログの初期テンプレートを引きずっていて存在そのものを忘れていました。

よって、clear:left を直前に <br style='clear:left;'> のように挿入しました。

ここで起こった事なので、直接変更せずにページのソースをダウンロードしてローカルのサーバーから見えるところに置いて、広告コードを外してリロードして再現する事を確認。

その後予想される問題を訂正して正しく表示された事を確認してから、Seesaa のデザインを変更して結果を確認。念のため、『設定』から『ブログ設定』で『最新の情報に更新』を実行です。



【WEBブラウザの最新記事】
posted by lightbox at 2013-10-04 16:46 | WEBブラウザ | このブログの読者になる | 更新情報をチェックする
container 終わり



✅ フリーフォントで簡単ロゴ作成
✅ フリーフォントでボタン素材作成
✅ フリーフォントで吹き出し画像作成
✅ フリーフォントではんこ画像作成
✅ ほぼ自由に利用できるフリーフォント
✅ フリーフォントの書体見本とサンプル
✅ 画像を大きく見る為のウインドウを開くボタンの作成
✅ CSS ドロップシャドウの参考デモ
✅ イラストAC
✅ ぱくたそ
✅ 写真素材 足成
✅ フリーフォント一覧
✅ utf8 文字ツール
右サイド 終わり
base 終わり
×

この広告は90日以上新しい記事の投稿がないブログに表示されております。