Half-Retirean's Lazy Life Diary / ダラダラ余生日記

最近思ったこと: やりたいことだけやるって幸せなことだ

ホーム 連絡をする 同期する ( RSS 2.0 ) Login
投稿数  984  : 記事  4  : コメント  42107  : トラックバック  277

ニュース

My Website

初心者向けのサイトです。

C# と VB.NET の入門サイト

最近のできごと

暇人28号FX

Sponsored Link1

Sponsored Link2

Archive

書庫

サイトのデザインを変更しつつ、擬似フレームの完成度を高めている最中なのですが、これ以上は HTML4.01 Strict では無理なようです。DOCTYPE 宣言を HTML 4.01 Strict から HTML 4.01 Transitionnal に変更しなければならないかもしれません。

やはり、height 要素での 100% の解釈が、ブラウザの大きさに該当するのは大きいです。ちなみに、Transitional にすると、若干レイアウトが崩れるので微調整が必要になります。まあ、大した作業量ではないので問題ありませんが。ですが、ですが、できれば、Strict のままでいたいですね。

とはいっても、CSS ハックもしなければならないので、そっちの方が大問題だったりします。PHP とかでサーバーサイドでインクルードしてしまおうかと考えてしまうくらい微妙な選択です。動的ページを選択するのも、個人的には微妙だったりしますが。

投稿日時 : 2007年1月6日 2:50

コメント

# re: DOCTYPE を HTML 4.01 Strict から Transitional へ 2007/01/06 11:07 未記入
新しいサイト、何か白いって感じですね。
実際には、白ではないのに白く見えるのは、なぜでしょう。
ストライプが入っているからですかね?
何だかきれいに見えます。

# re: DOCTYPE を HTML 4.01 Strict から Transitional へ 2007/01/06 17:52 じゃんぬねっと
調べてみると、Strict でも擬似フレーム自体はできるみたいですね。
いろいろと問題を抱えてしまいますが、これで試してみようと思います。

# re: DOCTYPE を HTML 4.01 Strict から Transitional へ 2007/01/07 0:37 ぼのぼの
擬似フレームと関係ないですが、やっぱしFireFoxだとタブに線が入っちゃうですね。
私はSleipnir+IEエンジンなので無問題ですけど。

個人的には、タブの上のタイトル部分の背景をMSDNみたく
青グラデにした方が引き締まるかなって気がします。

# re: DOCTYPE を HTML 4.01 Strict から Transitional へ 2007/01/08 1:05 じゃんぬねっと
>ぼのぼの さん
IE と FireFox では z-index の解釈が少し違うみたいですね。
タイトルの背景ですが、それをやるなら、ロゴを透過させてからの方が良さそうですね。

結局、擬似フレームは諦めることにしました。
Firefox のホイール スクロールが利かなくなるなんて、致命的ですので...

# re: DOCTYPE を HTML 4.01 Strict から Transitional へ 2007/01/08 21:02 ぼのぼの
>タイトルの背景ですが、それをやるなら、ロゴを透過させてからの方が良さそうですね。

ちなみにMSDNはグラデの左端を白くして対応してます。ご参考までに。
http://msdn2.microsoft.com/ja-jp/library/default.aspx

# re: DOCTYPE を HTML 4.01 Strict から Transitional へ 2007/01/08 21:26 じゃんぬねっと
> ちなみにMSDNはグラデの左端を白くして対応してます。ご参考までに。

それくらいは、存じていますよ。

ただし、あれはフィルタを使っていますから。
一部のブラウザでは対応していないです。

background-position の開始位置をずらすと、今度は右端に問題が生じますからね。

ぼのぼのさんはどうやらご存知ないでしょうけど、半年ほど前までは、ご指摘の位置にグラデーションをつけていました。
その時は右端を考慮して、わざと大きい画像で対応していました。
これだと、あまりに無作法なので外したのですね。

# re: DOCTYPE を HTML 4.01 Strict から Transitional へ 2007/01/10 1:42 ぼのぼの
> それくらいは、存じていますよ。

そりゃそうですよね。失礼しましたm(_ _)m

> ただし、あれはフィルタを使っていますから。
> 一部のブラウザでは対応していないです。

おぅほんとだ!Operaだと崩れました。知らなかったです。
なんでフィルタなんか使ってるんだろ?

> ぼのぼのさんはどうやらご存知ないでしょうけど、半年ほど前までは、ご指摘の位置にグラデーションをつけていました。
> その時は右端を考慮して、わざと大きい画像で対応していました。
> これだと、あまりに無作法なので外したのですね。

そんな経緯があったですか。
もし差し支えなければ、なぜ大きい画像を使うのが無作法なのか教えていただけませんか?
#いや、これ以上他人様のサイトデザインに口出しする気はないんですが、
#自分的にはグラデーションのために横に細長い画像を使うのって無作法って感じしないので。

# re: DOCTYPE を HTML 4.01 Strict から Transitional へ 2007/01/10 9:05 じゃんぬねっと
> もし差し支えなければ、なぜ大きい画像を使うのが無作法なのか教えていただけませんか?

右端が青とすると、右端に青が延々と続くような画像を用意することになります。
これでは、その場しのぎという感じでイヤな気分になりませんか。
コーディングしていても、その場しのぎのコードは良く見かける昨今ですが、私は嫌いです。

今回の場合は、<div> 要素で分割して白と青を分けてしまえば良いのですが、これだと今度は、HTML 文書的な意味合いからして、NG でしょう。

# re: DOCTYPE を HTML 4.01 Strict から Transitional へ 2007/01/10 19:14 ぼのぼの
>これだと今度は、HTML 文書的な意味合いからして、NG でしょう。
HTML 文書的な意味合いまで考えてサイトデザインされてるなんて、脱帽です(_ _*
私は希望のレイアウトさえ実現できればタグの本来の意味合いなんで考えないですから。

このコダワリ、A型っぽい…と釣ってみるテストw

ところでついさっき、大きい画像を使用せず、<div> 要素を分割することもなく
グラデーションを実現させる方法が閃きましたよ(`・ω・´)
http://www.geocities.jp/bonodotnet/sample20070110/index.html
背景色を濃い方に合わせて、白い左側を画像にするという逆転の発想。
書いてしまうと単純ですが、思いつくまでに時間がかかりました。

# re: DOCTYPE を HTML 4.01 Strict から Transitional へ 2007/01/10 19:47 じゃんぬねっと
> 背景色を濃い方に合わせて、白い左側を画像にするという逆転の発想。
> 書いてしまうと単純ですが、思いつくまでに時間がかかりました。

これも、昔そうしていました。
というより、わんくま同盟のホームが実はそうなっています。

ただ、これだと、png の解釈がブラウザによって異なるため、きれいに見えないのですね。
よって、自然な色で溶け込まないのです。

まあ、gif にすれば良いわけですが...

# re: DOCTYPE を HTML 4.01 Strict から Transitional へ 2007/01/10 20:38 ぼのぼの
早速わんくま同盟のホームをOperaとFireFoxで見てみましたが、
言われなきゃ気づかないくらいの微妙な差ぢゃないですかw

単純に軽くてキレイってだけに留まらず、誰もがお手本にできる理想的な
ソースコードをHTMLにまで妥協せずに追求するその姿勢がすごいっす。
やっぱA(ry

# re: DOCTYPE を HTML 4.01 Strict から Transitional へ 2007/01/10 20:56 じゃんぬねっと
そんなに、釣り上げたいのですかw

Post Feedback

タイトル
名前
Url:
コメント: