ホームページ制作関連の技術ネタを備忘録的にまとめています

auの場合、いちいちページ更新をしないと最新の状態が表示されない。
これは、一度見たページを携帯電話内に記憶（キャッシュ）しているためです。
こんな時HTMLのMETAタグでキャッシュ時間を制御できます。
書き方は以下の通り↓

＜meta http-equiv=”Cache-Control” content=”no-cache” /＞
これでキャッシュを無効にできます。

SSI（Server Side Include）を使用すると、外部ファイルを読み込んで使用出来る為、共通で使用する部分を外部ファイル化し、各ページで読み込むようにすれば変更等が発生した場合その外部ファイルを修正すれば全てのページで変更が反映されメンテナンス制が非常に向上します。
但し、拡張子を「.shtml」で制作しなければならず、不便に思う時があります。

そんな時、.htaccessで以下の記述を加えると.htmlでSSIが動くようになります。

AddType text/x-server-parsed-html .html

但し、このようにした場合、単純はHTMLファイルもSSIとして処理するのでサーバに負荷がかかるので利用時には注意が必要です。

ちなみに、PHPファイルを拡張子「.html」で動かすには、

AddType application/x-httpd-php .php .htAddType application/x-httpd-php .php .html

→ホームページ制作・WEBシステム開発

position:relative;とposition:absoluteで位置指定した際、IE6でズレる 😯

しばらくハマってしまったが、親要素にwidth:100%を入れる事で無事解決！

htmlソース

＜div class=”bt_keisan”＞

＜p＞（ボタンの右に表示する文字）</p＞

＜input type=”hidden” name=”action” value=”calculate” /＞

＜input type=”submit” value=”ボタン” /＞

＜/div＞

CSSソース

.bt_keisan {

text-align:center;

margin:10px 0 0 ;

position:relative;

width:100%;

}

.bt_keisan p {

position:absolute;

left:50%;

top:50%;

margin:-8px 0 0 40px;

}

Javascriptで動く計算機を作成しました。
テンキー対応なので、シンプルだけど使いやすいかと思います・・・ 😛

→ホームページ制作・WEBシステム開発

携帯でCSSを使用する場合、ドコモだけは外部のCSSを読み込むことができない等の制約が多いため、全キャリア共通の携帯サイトを作成する際はドコモを基準に作る必要があります。
まず、外部参照は使用しません。また内部参照も制限が多いため、基本はインライン指定で行うことになります。

以下、携帯でCSSを使う方法を記述します。

1．1行目にXML宣言
＜?xml version=”1.0″ encoding=”Shift_JIS” ?＞

2．Content Type指定
＜meta http-equiv=”Content-Type” content=”application/xhtml+xml; charset=Shift_JIS” /＞

3．htaccssに追加
AddType application/xhtml+xml .html
これで拡張子「html」でCSSが有効になります

4．PHPの場合ドコモだけ効かなかったので以下の１行を追加
header(“Content-type: application/xhtml+xml;charset=Shift_JIS”);

5．インラインでstyleを指定する

→ホームページ制作・WEBシステム開発