nasec blog

プログラミングやPCについての覚え書き
SEARCH
PROFILE
北陸で働くSIer。主にWEB系。
効率化と情報共有を常に模索中。。
音ゲーが好きです。
好奇心旺盛で興味のあるものは何でも飛びつきます!
RECOMMEND
CATEGORIES
ARCHIVES
RECENT COMMENT
  • mkdirで作成したディレクトリに作成と同時に移動する
    h41k4 (04/22)
  • とぅ
    h41k4 (04/22)
  • mkdirで作成したディレクトリに作成と同時に移動する
    totoro (03/30)
  • Xperiaでファイルのダウンロードに失敗する
    h41k4 (12/14)
  • Xperiaでファイルのダウンロードに失敗する
    きむら (12/14)
  • Xperiaでファイルのダウンロードに失敗する
    h41k4 (12/01)
  • Xperiaでファイルのダウンロードに失敗する
    きむら (12/01)
  • 指定したデバイス、パス、またはファイルにアクセスできません。適切なアクセス許可がない可能性があります。
    ゆう (03/16)
  • ネットマーブル(チョコマ)のパズル「ボタン」
    Yero (03/12)
RECENT TRACKBACK
  • 指定したデバイス、パス、またはファイルにアクセスできません。適切なアクセス許可がない可能性があります。
    プレサーチ (11/19)
ブログパーツ
フィードメーター - nasec blog
OTHERS
SPONSORED LINKS
みんなのブログポータル JUGEM
スポンサーサイト

一定期間更新がないため広告を表示しています

| - | | - | - |
liタグ(リスト)の横並びメニューで空白が出来る
IE6のいろんなバグ、CSSのハックなど色々と知っていたつもりでしたが、
全く原因が想像つかない問題に遭遇。

IE6で更新するたびに横並びのリストに謎の空白ができる(空白の幅が更新する度変わる)
という現象が起きていました。
そもそものソースが良くなかったみたいで、空白を無理矢理maragin: -*pxで相殺していました。
修正方法として、まず空白ができないように直すようアプローチをとってみたいと思います。

具体的には、
<li>aaa</li>
<li>bbb</li>

のように要素の間に改行があると空白ができてしまうようで、
<li>aaa</li><li>bbb</li>
のようにつなげて書いたり、

<li>aaa</li><!--
--><li>bbb</li>
のようにコメントを入れると良いみたいです。

参考サイト:

リストの横並びで不思議な空白ができるアレ、をスマートに解決する - vantguarde - web:g
http://web.g.hatena.ne.jp/vantguarde/20090416/1239807689

リストをinlineで並べた時の余白 - CSS HappyLife
http://css-happylife.com/archives/2007/1027_1735.php

横並びリストに空白ができるのを仕様の観点から理解する [Cool Web Window]
http://www.coolwebwindow.com/weblife_column/coolweb/000215.php
| スタイルシート | 21:50 | comments(0) | trackbacks(0)
CSSのpaddingやmarginの設定
JUGEMテーマ:コンピュータ

いつもパラメータの設定と順番を忘れるのでメモ。

  • パラメータ1つ―全てを一括で設定

  • 例:padding: 10px;

  • パラメータ2つ―上下左右を設定

  • 例:padding: 10px 20px;

  • パラメータ3つ―左右を設定

  • 例:padding: 10px 20px 0px;

  • パラメータ4つ― を設定

  • 例:padding: 10px 0px 15px 20px;


参考:
CSS 概説 | ボックス
http://www.nextindex.net/web/CSS/padding.html

| スタイルシート | 04:31 | comments(0) | trackbacks(0)