/* CSS・スタイルシート質問スレッド【67th】

>>925
ハック

>>925
floatとpositionを使わない
これだけで問題の8割は片付く

一番はmarginだろ。

margin、float、positionを使わないデザインを考えてみます。
どもでした

>>929
paddingとwidth/heightもな。
使わないんじゃなくて、使って調整する方法を覚えた方がいいんじゃ。

最近cssをすごくシンプルな状態に代えた

結局さcssは構造配置書なんだから
アレコレやりすぎで
結局>>925の指摘してる点にぶつかる

HPの８０％はデザイン
残りの１０％は画像処理
さらに残りの１０％がcss
こういうことだ

要するに>>931の頭が悪いって話か

>>931
その通り！
ヘッダー、メニュー、コンテンツ、フッター
これさえしっかりしてればcssなぞどうでもいいんじゃよw

>>933
それなんていうテーブル ?

ちゃぶ台というcss

>ヘッダー、メニュー、コンテンツ、フッター
激しく要らないものばかりだな。

その代わりブラウザで崩れることはないw

937が本気で意味ワカメ

草で判断するんだ

>>931
HPの7割はコンテンツの質なんだけどな・・・

hrを使うとどうしてもIE6と狐等とでmargin等が変わって表示されてしまうのですが
どうしたらどちらも同じように表示できますか？

ieでサイトを見るようなやつには全てのレイアウトはテーブルで十分だろ。
ieにcssなんて50年早いよ。

インターネットが普及して僅か20年
本格的なウェブサイトによるコンテンツが普及して僅か10年

50年後にはどうなっているか解らんなぁ

>>941
ブラウザのデフォルトを使用しないで
自分で設定すればいいだけじゃ？

>>944
<p style="margin:15px 0px;padding:0;">テキスト</p>
<hr style="display: block;height: 1px;margin:-12px 150px 0 -6px;padding:0px;
border-width: 1px 0 0;border-style: solid;border-color: #CCBBAA;" />
<img src="" style="border:0px solid gray;padding: 0px;margin :3px 5px 0px 0px;" />
こんな感じになってるんですけれども表示が変わってくるんです

>>945
だからmargin,paddingは全部殺してから、改めて指定すんの。
基本からやれ。
それからインラインスタイルは見辛いし、間違えやすいからやめれ。

>>946
偉そうな口きくなオマエw
オマエのサイト晒してみろ　検証してやるから

>>946
一応最初に全部margin paddingは0にしてますけど出来ないんです

あとインラインスタイルって何ですか？

わからない言葉はググりましょう

>>947
馬鹿登場

>>948
＞一応最初に全部margin paddingは0にしてますけど
ソースになきゃ検証する意味無いじゃない

>>949
ｽﾏｿ
一応これは例なだけで本体はちゃんとCSSとXHTMLは分けて書いてます

<style>
*{
margin:0;
padding:0;
}
</style>
<p style="font-size:10px;margin:15px 0px;padding:0;">テキスト</p>
<hr style="display: block;height: 1px;margin:-12px 150px 0 -6px;padding:0px;
border-width: 1px 0 0;border-style: solid;border-color: #CCBBAA;">
<p style="border:0px solid gray;padding: 0px;margin :3px 5px 0px 0px;">a</p>

>>952
それだけだとこっちでは同じになるぞ。
単にフォントの大きさが違うから揃ってないように見えるとかそんなんじゃねーの。

>>952
> 一応これは例なだけで本体はちゃんとCSSとXHTMLは分けて書いてます

ならそれをそのまま貼ればよいのであります｡
あなたが見辛いだけならstyle属性でもよいのですが､
回答者にとっても見辛いということを忘れてはいけません｡

CSS:
*{ margin: 0; padding: 0 }
p { border: 1px solid red; margin: 30px 0 }
hr { border-top: 1px solid #CCBBAA }
HTML:
<p>テキスト</p>
<hr>
これだけでも、再現できるね。IE6は7pxくらい余分にマージンを取るみたい。
原因はわからんが。

これだけって全然違うじゃない

そりゃずれるだろうよ。
解釈が違うんだもん。
IEがおかしいから違う数値を指定しないと。
参考にどうぞ。
ttp://adp.daa.jp/archives/000265.html

>>957の何もわかってなさっぷりに絶望した

批判するなら、根拠を述べてからにしなさい

例えば、こんな感じのページが１つのサイトに沢山あるとして

AAAAAAAAAAA
　　　　　　　　　　　　　　　　IMAGE
BBBBBBBBBBB

CCCCCCCCCCC　　　　　DDDDDDDDDDD


これをこうしたいな〜と思ったら

IMAGE

AAAAAAAAAAA　　BBBBBBBBBBB

CCCCCCCCCCC　　DDDDDDDDDDD


全てのページのHTMLをいじって配置を変えるしかないですよね？
最初からそれぞれの要素をpositionで位置指定していればいっぺんに変えられるとは思うんですが
他に方法はないですかね？

へーちょ

<style>
*{
margin:0;
padding:0;
}
hr{
_margin:-19px 150px -7px -6px;
}

</style>
<p style="font-size:10px;margin:15px 0px;padding:0;">テキスト</p>
<hr style="display: block;height: 1px;margin:-12px 150px 0 -6px;padding:0px;
border-width: 1px 0 0;border-style: solid;border-color: #CCBBAA;">
<p style="border:0px solid gray;padding: 0px;margin :3px 5px 0px 0px;">a</p>

としたらひとまず回避できました
回答していただきありがとうございました

>>960
今現在のサイトがCSSでレイアウトされていつつ、
AやBやIMAGEに決まったクラスやIDが振られているならCSS一発で変えることも可能だが。

それはやはり、後からそれぞれのクラスにpositonを付け足すと言うことですかね？

クラスに付け足す物などない。
positionでやりたければそうすれば。

position大好きな奴が多いなぁ・・・

構造次第だがflortのみでやろうと思えばやれる。

たぶん。

おそらく。

可能性としては。

そんな気がする。

かもしれない。

じゃあ代わりに俺の好きなポジションを教えよう

好きではないですが、むしを嫌いですがこれしか思いつかなくて質問しました…

960でした

>>970
HTMLの構造はどうなってる？

>>969
むしを・・？？
ﾋﾟｺｰﾝ！
むしろ日本語から勉強してくれ

レス番間違えちゃった。もうどうでもいいや。。

positionなんてほとんど使ったことないや

６９は好くするのだが・・・