- 横並びにしたリストを中央に揃える方法はいくつかあります。
基本的には、「display: inline-block」を使ってます。
通常floatでleftやrightなどを使ってますが、「float: center」というプロパティがないので利用してますが、IE7以下やFirefox2に対応していないため、下記のプロパティを追記します。
[css]
display: -moz-inline-box;
/display: inline;
/zoom: 1;
[/css]
下記は、このサイトのグローバルナビゲーションの記述です。
[css]
<blockquote>nav {
width: 950px;
margin: 0px auto;
padding: 0px 10px 0px 10px;
overflow: hidden;
font-size: 1.5em;
font-weight: bold;
}
nav ul {
text-align:center;
}
nav ul li {
list-style: none;
display: inline-block;
display: -moz-inline-box;
/display: inline;
/zoom: 1;
padding: 0px 3px 0px 3px;
}</blockquote>
[/css]
他にもやり方は、あると思いますが今のところがこれが一番分かりやすいです。
Vimeoのレスポンシブ動画埋め込み対応ができない時
Vimeoは色々カスタマイズもできてホームページに動画を埋め込みたい時は便利なサービスです。 ただ、最近ではレスポンシブデザインのサイトが多くなっているので固定サイズのまま埋め込むとおかしなことになってしまいます。 Vimeoの埋め込みコード発行はレスポンシブにも対応しているのですが、オプションのカスタマイズ設定をしないと対応できないので注意が必要です。 オプションのカスタマイズ設定が見当たらない場合...