CSS初心者スレッド＝2nd＝

それにしてもまたこの流れか。
「1pxずれます」→「そんな細かいことでグダグダ言うな」

インラインボックスの高さはブラウザやOSで異なることがあるから
まあそうなんだが。

>>951
('A`)ﾏﾝﾄﾞｸｾｗ

こだわりがあるなら作りこめって事だな
リストマークと各線と他記号も全部画像作ればいいよ

画像撮ってみました

ttp://kjm.kir.jp/pc/?p=58399.gif

>>950
フォーカスは一緒なので違いますね

Firefoxのfirebugで、ずれてないページとずれてるページの継承がどうなってるか
チェックしたのですが、line-heightも一緒なんですよね
marginもpaddingも0だし

あ、原因分かったかも
他のページは、XHTMLのStrictで書いてるけど
そのページだけ、HTML4.01のTransitionalで書いてた

これのせいかな

> HTML4 Transtional/Frameset（システム識別子あり）：　標準モード
DOCTYPE宣言はこれなので標準モードでの表示なはず・・・

やっぱり自力でなんとかするしかないようなので
あれこれ試行錯誤してみます
お騒がせしました

>>944
IE 6.x 用に CSS を用意して、
その CSS で位置調整されてみてはいかがでしょう？

IE 6.x からのアクセスがあった際にその CSS を読み込む振り分けは
ご自分が慣れた方法でお気の召すまま〜

ページによってＤＯＣＴＹＰＥ違うとかありえんだろ・・・

>>959
ISP が用意するスクリプト（掲示板など）には意外とあったりして
ほほえましいですよｗ

作成した時期が違うと、
新しく作ったスクリプトと古いスクリプトの Doctype を合わせるの
忘れちゃうんでしょうねぇ

すまんが、俺からしたらどっちでもいいだろと思うｗ

IE6.xってなんだよ……
IE6とIE5.xだろ……

>>958
IEに関しては、(X)HTML側で条件分岐コメント使って
専用のCSSで対策してます。

>>959
DOCTYPE宣言変えて色々試しても症状は変わりませんでした

検索してたら、自分と同様の症状が出るページを発見
ttp://css-happylife.com/log/css-template/000106.shtml
ここの「サンプル3」−「実際の表示」というのが自分と同じ症状だと思います
Firefoxで見ると問題ないけど、IE6.0で見るとズレるという

このすき間って内容領域とボーダーの間にあるものだから
paddingだと思うのですが違うようなんですよね

CSSでpaddingに関するもの全部取り払って
* {margin: 0; padding: 0;}のみにしても、すき間が出来たままなんですよ

問題が解決できないなら、最終的に display:block; float:left; で試してみます

first-letter いわゆるドロップキャップはIEしか対応してないのでしょうか？
狐　おぺらは変化ありません

>>963
インラインボックスの内容領域の高さはfont-size+αで決まるんだけど、
αの値はブラウザやOSで若干違う場合があり、フォントの上下にそれぞれ
どれだけの空白を入れるかも違うことがあるので、font-sizeが同じなら
必ず同じ位置にボーダーが描かれるというわけではないんだよ。

特定のページだけずれるのはHTMLかCSSに原因があるだろうから、両方の
ソースを少しずつ削っていって再現できる条件を見つけるのがよいかと。

>>964
FirefoxもOperaも対応してるよ。:first-letterは基本的にブロックレベル要素にしか
適用されないので注意。display:inlineなspan要素などには適用されないよ。

IEのセレクトボックスがz-indexを無視して一番上に出てくるどうしようもない仕様は、どうにかならないものか。
IE8βでも解決してないです。
仕方なくセレクトボックスをdisplay:none;で消し去るぐらいしか方法が無いのだろうか…？

>>967
javascriptで擬似セレクトボックスを作る

みんなIEのおかしな挙動に困っているんだな
かくいう俺もそうだが

>>963
いわばブラウザ間の揺らぎの話なんだがどうしようもない
同じIEといえどMacIEとWinIEとの挙動も違う
よって細かな同じ見栄えを埋めていく作業は困難だから諦めなさい
挙動を知り尽くして逆に異なるブラウザ全てに対応させるのは可能だが、君の力では無理だ

>>969
CSSやJavaScriptを編集してたらIE氏ね…としか思えなくなってくる・・・
しかし…MacIEなんて確認しようが無い…

MacIEなんてスルーだろ・・・ｊｋ
IE6もそろそろ切り捨てる予定だが

６はまだまだ無理だろ

というか…
IE6でやってくる人が全体の半数近くなわけだが・・・
だいたい40%といったところか。
切りたくても切れんのが現状だよな。

というわけでWindows7は、火狐をデフォルトのブラウザにしろ。

一緒に８もだすんじゃないの？

macIEに変に対応する事でいつまでも使いつづける奴が増える
macIEで見れないサイトだらけならしょうがなく新しいmac買うだろ

てかサポートの終ったブラウザとサポート終ったOS使ってる時点で危険満載

語るなや 餓鬼ども

>>976
そういうお年頃なの・・・
　許して !

子供はもう寝る時間です＞＜

次スレどうするかそろそろ決めようよ。

>>1に参考リンク貼るとしたらこんな感じかな？

【初心者向けの解説】
正しい知識を得たい人の爲のCSS2リファレンス
　http://hp.vector.co.jp/authors/VA022006/css/
【構文チェック】
The W3C Markup Validation Service
　http://validator.w3.org/
W3C CSS Validation Service
　http://jigsaw.w3.org/css-validator/
【ブラウザのバグリスト】
CSSバグリスト＠CSSバグ辞典スレッド
　http://cssbug.at.infoseek.co.jp/
【仕様書】
CSS 2.1 Specification
　http://www.w3.org/TR/CSS21

>>979
初心者スレにテンプレなんていらない
テンプレ嫁の流れになるだけ

答えたい奴が答えればいい

まあなくてもいいか。

またアンタか・・

別にテンプレ嫁とはいわないけどあったほうがいいと思うんだが
俺もやり方たまに忘れるしなあ

Firefoxに最適化して、そしてIE用にハックして、最後に検索エンジンでのキャッシュチェック。
GoogleたんのブラウザってIEに近い動作してるようでなんだろう。

最近の携帯はフルブラウザも増えてきているし、
解像度もどんどん上がってきている。

いつか携帯でもチェックしなければならない日が来るんだろうなぁ・・・

携帯ってOperaと考えればいいよ
実際にwillcom機種はOperaだし、確かAuもOperaだったはず
ただシェアNo1のdocomoのブラウザはIE並みにクソ
しかも、携帯ブラウザはパソコンと違って容易に変えられない点が大問題かな
現状だと外部読み出しのCSSは機能しないから考える必要はないけど、物理styleは描画するから気をつけてね

IE、Firefox、Safari、Opera、Lunascape ではほぼ同じ状態で表示できてるが Google のキャッシュと DoCoMo のフルズラウザでは崩れまくりな俺はどうしたらよいのでしょうか？

docomo機種相手にはテーブルとCSSは絶対にやらない(まあ、携帯フルブラウザ相手に段組読ませるのが愚行なんだけど)
つまり、必ず段組を避けるか、段組をするならCSSを読ませないことで対応させるしかないってこと

これはスクリプトによる振り分けてもいいんだけど、これに限っては、mediaによる振り分けでOK
そもそも、外部ファイルを読めないんだから外部ファイルでCSSを読ませて
さらに、メディアでも振り分けをする――って感じ
それに、あんな小さい画面に大量の情報を載せてもまず読めない。専用のCSSは書いたほうがいいよ

>>975
おいらは両方だ.
しかし IE Mac版は動作確認のときにしか使ってない.
個人的には切り捨てたところで問題は皆無だと思ってる.
Windows 環境でしか動かない US というのが IE の現実だろう.

んで (スレ痴 覚悟で)一言 言わせてもらえば,
サポート終了は生産者側が勝手にやったこと.
くそったれ CEO には生きたまま墓場に入ってもらいたいくらいだ.
かくなる上は Windows ?

ところが こちらの方も似たりよったり.
裏で つるんでるのではないかと邪推したくなる.
要するに乗り換えるに値する OS がないってこと.
かくなるうえは Linux...

訂正:
Windows 環境でしか動かない UA

語る暇が有ったら次スレ建てろよアホども !

>>991
"テンプレ" 問題はどうするのさ ?
ってか CSS すれ が 分裂した理由は ?
"上級者スレ" はグダグダで機能していない(w)
ってか文句言ってる隙があったらさっさと次スレ...

次スレ
http://pc11.2ch.net/test/read.cgi/hp/1212198165/

>>993
乙彼〜

埋めるよ！

ume

梅

埋め

999

o

このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。