2009年12月12日
<div id=”header”>
<div id=”header-inner”><h1>PHP practice</h1></div>
</div>
<div id=”header”>
<div id=”header-inner”><h1>PHP practice</h1></div>
</div>
#header{width:100%; margin:0; padding:0; background:#E9E4BF;}
#header-inner{text-align:center; margin:0; padding:10px;}
h1{display: block; background:#ffffff;}
上記のような設定にすると、何故かヘッダーの背景色の上下が左右の幅より広く表示される。
何がいけないのかと色々ＣＳＳを書き換えたり、divの括り方がいけないのかと書き直したりして、漸く判明。
参考はこちらのサイトのマージンの相殺（collapsing margins） h1-h6要素
上下に自動的に一行分の余白が追加されるとの事。
CSSの記載を h1{display: block; background:#ffffff; margin:0; padding:0;} に変えたところ上下左右の幅は整った。
カテゴリー: NOTE | コメントはまだありません »
2009年12月10日
Art and Design by Matthew James Taylor
No CSS hacks
SEO friendly 2-1-3 column ordering
Equal height columns
No Images
No JavaScript
Full cross-browser support
iPhone & iPod Touch
Mac:Safari, Firefox, Opera 9.25, Netscape 9.0.0.5 & 7.1
Windows:Firefox 1.5 & 2, Safari, Opera 8.1 & 9, Explorer 5.5, 6 & 7, Netscape 8,
Valid XHTML strict markup
Resizable text compatible
This layout is FREE for anyone to use
Free traffic for your website
すごい…
SEO friendly 2-1-3 column ordering
Equal height columns
No Images
No JavaScript
Full cross-browser support
iPhone & iPod Touch
Mac
Safari
Firefox
Opera 9.25
Netscape 9.0.0.5 & 7.1
Windows
Firefox 1.5 & 2
Safari
Opera 8.1 & 9
Explorer 5.5, 6 & 7
Netscape 8
Valid XHTML strict markup
Resizable text compatible
This layout is FREE for anyone to use
Free traffic for your website
カテゴリー: デザイン | コメントはまだありません »
2009年12月10日
カテゴリー: NOTE | コメントはまだありません »
2009年12月10日
こちらのサイトの記事を読んで。
原文はこちら。
ブラウザ毎に異なる表示……頭が痛いのだが……
こちらのサイトの記事を読んで。
原文はこちら。シンプルで見やすいデザインのサイト。
ブラウザ毎に異なる表示……頭が痛いのだが……
カテゴリー: WordPress, デザイン | コメントはまだありません »
2008年7月15日
Parse error: syntax error, unexpected T_CLASS, expecting ‘)’ in /virtual/hoshina/public_html/wp/wp-content/themes/basicHMO/functions.php on line 6
これです。(涙)
一難去ってまた一難が……。
何をやったかと言うと、先の記事にも記載した通り、サイドバーには現在二通りのお勧めのマークアップの仕方があるらしい。
リスト表示とdivで囲む方法。
自分はデザインする時の事を考えると断然divで囲って……というのが好きだ。
で、その方法をそのままコピーして試してみた。そこで出たのが上記のエラーメッセージなのだ。(涙)
カテゴリー: WordPress, 設定, 課題 | コメントはまだありません »
