ウェブマスターフォーラム

Web 制作 (SEO, SEM, CSS, Web デザイン等) に関する話題を扱うフォーラムです。

新規ユーザー登録 | パスワードを忘れた

テーマ : ウェブデザイン

★東京オフ会予定 3/1 (土)
★大阪オフ会予定 2/23 (土)
オフ会FAQ

スタイルシートや配色・レイアウト、ナビゲーションやユーザビリティについての話題を扱います。

トピック : CSSのみでのレイアウト

CSSのみでのデザインをやってみよ♪

次の古いレス20件 << 最新のレス20件 >> 次の新しいレス20件

No.36 - 2006年12月28日 21:32 きゃしゃ（100ポイント）: ＞きゃしゃさんはおっきなモニタで高解像度ですね
えへへ。21インチで1600*1200です。
でもsafariでは問題ないんですよ。
No.37 - 2006年12月29日 10:10 ciel （100ポイント）: >でもsafariでは問題ないんですよ
飛ばすピクセル数が-999pxだと
もうちょっと大きい解像度だとsafariでも見えちゃうと思います

-9999px飛ばしても
2,560x1,600の解像度でApple Cinema HD Displayなど30インチワイドあたりで2台連ねてTwinViewでみられると飛ばす文字列がちょっと長いと改行しないと端がちょっろっと見えちゃう可能性なきにしもあらず？
という事で-9999emに直してしまいました。
No.38 - 2007年02月28日 11:28 tentatives （10ポイント）: 初めて書き込みます。初級者ですがよろしくお願いします。
さて、「デザイン要素をCSS化するとSEO的に有利だ」というのは、CSSを外部ファイル化することが前提になっていたりするのでしょうか？言い換えると、同じCSSをHTMLファイル中に書くのと外部ファイル化する場合で、SEOの観点から違いがあるのでしょうか？
No.39 - 2007年02月28日 11:36 たつ（100ポイント）: >同じCSSをHTMLファイル中に書くのと外部ファイル化する場合で、SEOの観点から違いがあるのでしょうか？

あります。＜HEAD＞の部分がHTMLの中に書くと長くなりますので、言い換えると、＜BODY＞が下に追いやられるので、SEOの観点、あと、レイアウトの統一からいうと、外部ファイル化した方がいいと言われています。
No.40 - 2007年02月28日 11:50 tentatives （10ポイント）: ＞たつさん
やはり外部ファイル化を前提にすべきなのですね。ページ固有のCSSだけをHTML内に残し、共通部分は外部ファイル化するよう心がけたいと思います。わかりやすいご回答をありがとうござました！
No.41 - 2007年02月28日 14:30 ciel （100ポイント）: tentativesさん
>ページ固有のCSSだけをHTML内に残し、

例えばページごとに背景画像を変える等ページ固有の部分のCSSだけ分けて別の外部CSSファイルにしてメインのCSSの下に外部CSSとして新たに追加すれば良いと思います。

SEO効果は別としてこのほうが使い回しがきくので手直しが発生したとき等いろいろ楽が出来ると思います
No.42 - 2007年02月28日 15:17 tentatives （10ポイント）: >cielさん
なるほど、そうすればフルにCSSできるわけですね。運用を考えると確かにその方が便利ですね。ありがとうございました！
No.43 - 2007年04月05日 23:15 きゃしゃ（100ポイント）: そういえば（？
あたしゃ
<div class="hr"><hr></div>
なんてことやってますわ。
hrのpaddingとmarginがどうにもうまくいかなくて、
divで線ひいてhrはdisplay:none
不本意なんだけど…
No.44 - 2007年04月06日 19:35 ciel （100ポイント）: きゃしゃさん

＞<div class="hr"><hr></div>

これ知らなかった、なかなかいいアイデア
背景画像つけてやればちょっと見た目もいい感じかもしれませんね
No.45 - 2007年04月16日 11:32 きゃしゃ（100ポイント）: お知恵拝借。大阪オフで出た話題です。

命題：
コンテンツがウインドウサイズより少ない場合に、
フッターをウインドウのボトムに表示させたい。

つーわけで、ciel師匠、さっそくありがとうございます。
んが、WIN-FFで窓がコンテンツより小さいときフッターが消えよります。
http://forum.su-jine.net/theme/chat/89/647
No.46 - 2007年04月16日 11:41 ciel （100ポイント）: はいそうなんです
まったく駄目駄目でした。
No.47 - 2007年04月16日 12:24 ciel （100ポイント）: こういう時は検索http://www.stylish-style.com/csstec/ultimate/fix-foot.html

こんなの出てきました
No.48 - 2007年04月16日 12:25 きゃしゃ（100ポイント）: ダメ見本。
sky.geocities.jp/html401test/footer1.html
FFが鬼門
No.49 - 2007年04月16日 12:27 きゃしゃ（100ポイント）: うお。
イケそうな気配？
おーきに～
No.50 - 2007年04月16日 21:22 きゃしゃ（100ポイント）: 結局はUAハックしかないのか…
No.51 - 2007年04月16日 21:26 金川誠司（20ポイント）: >きゃしゃさん
これではだめですか？
ここのサイトはよく参考にさせていただいております。

http://www.dynamicdrive.com/style/layouts/item/css-bottom-frame-layout/
No.52 - 2007年04月16日 21:37 きゃしゃ（100ポイント）: ＞金川誠司さん
こりゃまたよさげなサイトをありがとです。
疑似フレームでフッターでずっぱりなんですね。
これはこれでおもしろい。
ちゅーか、やっぱスターハックとかでIE拾うのは
避けられないいんすかねぇ。
No.53 - 2007年04月17日 00:46 きゃしゃ（100ポイント）: Safariで全然だめだー
height100%効いてねぇー
No.54 - 2007年04月17日 23:19 金川誠司（20ポイント）: >きゃしゃさん

失礼いたしました。
ie7なもので・・・

と、いうことはSafariでうちのサイトは、まともに見れないかもしれないですね。

一度、Safariの方にみていただいたこうかな・・・
No.55 - 2007年04月19日 12:42 きゃしゃ（100ポイント）: >>54
いや、失敬。
>>47-48
あたりがSafariでダメだったんです。

次の古いレス20件 << 最新のレス20件 >> 次の新しいレス20件