- 2010.10.20
iframeによるページ切り替えはどうよ
contents以外は全部同じデザインの場合、contentsはiframeにしたほうがいいのだろうか。 要するにアドレスの移動(ページ遷移)はなしに、内容のみ切り替わる。 一応調べてみた iframeを使用してページ切り替えする 参考) http://iswebmag-hp.web.infoseek.co.jp/100/sample02.html http://javascript123.see […]
MyDesign designer's dialy
contents以外は全部同じデザインの場合、contentsはiframeにしたほうがいいのだろうか。 要するにアドレスの移動(ページ遷移)はなしに、内容のみ切り替わる。 一応調べてみた iframeを使用してページ切り替えする 参考) http://iswebmag-hp.web.infoseek.co.jp/100/sample02.html http://javascript123.see […]
floatで配置したboxがIE8とFirefoxのzoom機能でカラム落ちする。 拡大の時はいいのだけど、なぜか縮小の時に起きた。 調べてみたけど、原因はあやふや。 zoom時に再レンダリングされるとか。 いつも合計100%にならないように設定(1px少なくしたり)しているけど、それでもダメなのかー とりあえず、5pxくらい小さくしたら落ちなくなった。 width:890px — […]
ブラウザサイズに合わせて、contentsのheightを調整するJavascript 参考) http://d.hatena.ne.jp/tilfin/20080127/1201527795 http://d.hatena.ne.jp/modka/20090308/1236495524 ありがとうございますー すっごく参考になりました。便利!!
だいたい固定幅デザインで構築していくのですが、 ブラウザに合わせてサイズを可変したいという要望があり、いまごろ挑戦する事に。 可変と言うと%で調整するリキッドデザインかなーと思いましたが エラスティックという手もあるのだよね。 エラステッィクはレイアウト全体を拡大したり縮小したりするレイアウト。 ①固定幅 pxで指定し、ディスプレイの解像度の違いに関わらず、こちらが意図したとおりのレイアウトのまま […]
いつの間にかwencreatorが廃刊になっている・・・ 今後はwebで情報配信するとか。 本のほうが好きなんだけどなぁ・・・ というわけでということもないですが、最近『webdesigning』を購入しています。 jqueryのこととか結構載ってるので、意外と役立つ。 そのjqueryをがんばって使ってみたサイト↓ ゼロックスコピー機レンタルCOPY-X 破砕機メーカーアーステクニカ ページ内自 […]
font:12px/18px; という記述をたまに見かけます。 12pxはフォントサイズで、スラッシュ(/)の後ろはline-heightでした。 知らなかったなぁ~。
デザインをもとに、インターネットを見る時に使われているhtml言語を使って、ソースコードを記述し、ブラウザで閲覧できるhtmlファイルを作成すること。 視覚表現(レイアウトに関わること)はCSSファイルに記述する
Googleで検索したとき、検索結果のところに、サイト内のメニュー一覧が表示されます。 これなんだろーと思いましたら、「サイトリンク」なるものでした。 サイトリンクが表示される条件は、 1)ブランド名での検索で1位になること 2)TOPページに他のページへのリンクがあること 3)一定の検索数があること なのだとか。 この表示については完全に自動化されており、Googleが有益と判断した場合に表示さ […]
最近よく使うCSS .datelist { zoom:1; overflow:hidden; margin:10px 0px 20px; padding:0px; } .datelist dt { clear:both; float:left; width:7.8em; padding:5px 0px; } *html .datelist dt { width:7em; } .datelist d […]
htmlとbodyにhieght:100%を指定 html,body{ height:100%; } frameにブラウザの高さ100%を指定 このままではフッターの高さ分のスクロールが生じてしまうので、frameにfooterの高さ分のマイナスpaddingを指定することで、フッターの表示領域をframeの表示領域内に押し上げる。 ※FireFoxでは上手くひょうじされるのに、IEでは、フッター […]