-
Categories
- PHP (67)
- PHPのプログラム (14)
- PHP関数 (37)
- PEAR (3)
- phpMyAdmin (1)
- CakePHP (42)
- 設定 (1)
- controller (7)
- view (13)
- element (3)
- helper (3)
- pagenation (4)
- model (1)
- bake (3)
- 正規表現 (1)
- XAMPP (2)
- JQuery (1)
- MySQL (43)
- MySQL基本操作 (17)
- MySQL設定 (3)
- phpMyAdmin (1)
- SQL文 (13)
- SQL Injection (1)
- PHPとMySQLの連動 (5)
- PDO (3)
- PHPとMySQLの学習 (1)
- Linux (32)
- WordPress (7)
- TwentyTenのCSS (1)
- TwentyTenカスタマイズ (3)
- WordPressプラグイン (3)
- レンタルサーバー (7)
- さくらインターネット (1)
- Xserver(エックスサーバー) (1)
- お名前VPS (2)
- KAGOYA CLOUD VPS (3)
- 書評 (2)
- API (8)
- amason API (2)
- 楽天API (2)
- Api アプリ制作例 (1)
- bitly API (1)
- twitter-api (1)
- XHTML (2)
- CSS (4)
- CSSタグ (1)
- photoshop (1)
- SEO (2)
- google (1)
- google analytics (1)
- Tools (3)
- JavaScript (1)
- PHP (67)
人気記事
- MySQL 最大の値・最新の日付データを1つ抽出する方法(MAX)
- [CakePHP] XformHelperの使い方
- Linux: スワップファイル(swp)の削除方法
- HTMLのForm methodとactionについて
- PHPでカンマ区切りデータを配列に入れる方法 (explode)
- [エラー対処] failed to open stream: No such file or directory
- [CSS]ブロック要素(div)の高さを、内部のfloat要素に合わせて自動調整する
- [vsftp] FileZillaから接続できない場合の対処法
- PHP5.1→PHP5.3へバージョンアップする方法(CentOS)
- PHPでテキストを1行ずつ読み込む方法(file_get_contents,explode)
-
最近の投稿
アーカイブ
タグ
最近のコメント
- PHP5.1→PHP5.3へバージョンアップする方法(CentOS) に ウェブマスター より
- [CakePHP] FormHelper 「Select」の使い方 に 名無し より
- [vsftp] FileZillaから接続できない場合の対処法 に 中田直希 より
- PHP5.1→PHP5.3へバージョンアップする方法(CentOS) に oka より
- CakePHPをXserverにインストールする方法 に ケイ より
カテゴリー別アーカイブ: CSS
[CSS]ブロック要素(div)の高さを、内部のfloat要素に合わせて自動調整する
divの中に複数のdivを作り、内部のdivをfloatさせます。
このとき、外側のdivの高さが内部のdivの高さに合わず、レイアウトが乱れてしまいます。
そんなときの解決方法です。
外側のdivに「height:auto」と「overflow:hidden」を設定するだけです。
[CSS]長い文字列(text)を要素内で折り返す方法
Divなどの要素内に長い文字列が入っている場合、枠から飛び出してしまうことがあります。
枠に合わせて折り返す場合は、「word-wrap」プロパティを設定します。
Divなどのwidthを設定し、「word-wrap:break-word;」を記載するだけでOKです。
1 2 3 4 |
#sample{ width:200px; word-wrap:break-word; } |
IE6 IE7 FireFoxでのフォントサイズの違い
IE6とIE7,Firefoxなどでフォントサイズが違く表示されて困っているときの対処法です。
ウェブを作ってみて、やっと出来上がったと思って、他のブラウザで見てみるとフォントサイズがバラバラ。レイアウトも乱れて・・・
すべてのブラウザで同じように表示されてほしい・・・
と、願っても現状では無理なので、下記のように対処するしかありません。
あ~面倒。
カテゴリー: CSS
タグ: +html body, CSSハック, FireFox, IE6, IE7, InternetExplorer6, InternetExplorer7, フォントサイズ, フォントサイズが違う, ブラウザ, 表示違い
コメントは受け付けていません。
CSS リストに画像を付ける
リストに画像を付けるときのHTMLとCSSのソースです。
HTMLソース
1 2 3 4 5 6 7 |
<div class="list-01"> <ul> <li>リスト1</li> <li>リスト2</li> <li>リスト3</li> </ul> </div> |
CSSソース
1 2 3 4 5 6 7 |
.list-01 li{ width:160px; list-style-image: url(http://画像のURL); padding:2px 4px; border-bottom:1px dotted #000000; } |