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

>>922
HTMLを書き直せばいい

>>923
heightとwidthも%で指定したいところですが、%で指定するとレイアウトが崩れてしまいます。 pxで指定してください。

>>923
間違ってるんだろう。

>>925
は？

<div id="footer">
Copyright © 1999-2007 All rights reserved.
</div> <!-- footer -->

#footer {
clear:both;
margin:0px 0px 0px 0px;
padding:3px 30px;
text-align : right;
border-top: #000000 1px solid;
border-bottom: #000000 1px solid;
}



常に画面の一番下に表示させたいのですが
どうすれば一番下にいってくれるのでしょうか？
WEBで検索して試したのですが一番下に移動してくれません。

>>928
「フッターを画面の下に表示」でググれ。
ついでにdiv直下に生テキストはやめれ。

copy.. は　adress使わんかい

>>928
position:absolute;
bottom:0px;
width:100%;

を#footer に追加するだけでいいと思うよ。

>>929
なんで？

>>930
著作権表示と連絡先＝addressは別物だろ。

>>931
なんでというおまえの方がなんでという感じだ。

>>931
のやり方だと文字が重なったりするじゃん。
訂正したいけどそのやり方忘れたので誰かフォロー汁！

>>932
著作権表示にリンクがあればりっぱなaddressじゃね？

Copyright © 1999-2007 All rights reserved. <address><a href="noname@csssure">noname@csssure</a><address>

なんでバカばっかりなの？
strictはスレ違いだからあんまりこだわるつもりはないが、あまりにもバカ過ぎ。

自分はメールアドレス・更新日時・著作権表示みたいなメタ情報は
全部addressにするかな。

著作権表示をadressにすることは、変なことじゃないよ
ま、人それぞれだけどねん。
リンクがあるかどうか関係なく、著作権にadress使う人は、結構いる

俺は、著作権は画像だがなｗ

↑って、addressだ

外枠を作りたくて外部CSSでid使ってサイト作ってるのですが
どうにも上手くいきません。。。。
外部CSSにはこんな感じに書いてます。
#外枠 { 幅とかマージンとか }
#内容1 { 内容の為のCSS }
#内容2 { 内容の為のCSS }

htmlファイルにはこんな感じで書いてるのですが。。。。
<div id="外枠">
<div id="内容１">
内容
<div id="内容２">
内容
</div>←内容１の閉じ
</div>←外枠の閉じ
</div>←内容２の閉じ

という風に意図してる閉じ方と閉じる場所が全然違うのでレイアウトが崩れまくりです。。。
本当は一番最後に外枠のdivを閉じたいのですが。。。
外部CSSにはどのように記述すればよかったのでしょうか、、、

>>940
何か勘違いしてる。
そういう風に書いたらhtmlとしては普通に最後のが外枠div閉じになってる。
書き間違いをしてるかcssを根本的に勘違いして組んでるか。

ん？もしかして
</div>←内容１の閉じ
</div>←外枠の閉じ
</div>←内容２の閉じ
になってほしいということか？だったら
基　礎　か　ら　勉　強　し　ろ　。

<b>太くなる<I>太くてナナメになる</b>細いナナメ</I>
が成立するとでも思ってるのか？
CSS以前の問題だな

>>940
ソースってのは、上から読み込まれる

>>940
最後に開かれたものが最初に閉じられる。
ごく自然なことじゃん。　あんたの考えがムチャクチャ。

<div>740の人気に嫉妬</div>

<div class="pizza">740なんか人気になってないよ</div>

margin:0 auto と書く人へ、

CSS2.1 Working Draft 06 November 2006
10.6.6 Complicated cases
If 'margin-top', or 'margin-bottom' are 'auto', their used value is 0.

>>948
>If 'margin-top', or 'margin-bottom' are 'auto', their used value is 0.

これは当然なんだが、

> margin:0 auto;

との関係を教えてくれｗ

>>949
margin: auto;と書けばいいってことじゃないかな。

これはいい豆知識。

だね。topとbottomは、autoの値が0ってことだな（きっと）

今となっては昔の話だが、MacIE 5.0では
margin: auto;だと中央揃えにならない場合があった。
http://cssbug.at.infoseek.co.jp/detail/macie/b022.html

IE 5.5と6の互換モードもなー

仕様書だけお勉強してもね。。

>>950
そういういまいち自明じゃない書き方ってちょっとなぁ

>>952
単位指定してないから「空」扱いだろ

>>957
>>957
>>957

質問です。
windows firefox2.0には適用せずに
mac firefox2.0のみに適用するハックはあるものでしょうか？
いろいろ探したのですがみつからないもので…

ありません

>>960
そうですか。
やはりありませんよね。
後はJavaScriptでOS判定ですかね。

有り難うございます。

FxってWinとMacで解釈違ったりすんの?

フォント周りはOS依存だったような気がする。
あとボタンとかスクロールバーとかのネイティブ表示あたり。

あーそういうことか
なる

↑縦読みするとアナル

横も入ってますがな

あなーる？

http://desperadoes.biz/style/dan/index.php
ここの解説のようにWindonwにあわせて、ボックスの幅を変えると
写真や動画を貼り付けたときに、幅を狭くしすぎると写真や動画がはみ出してしまいます。

Window幅に合わせて文字を回り込ませつつ、最低限の幅を指定するには
どうすればいいでしょうか

ソース貼りなょ

こんな感じっす
たとえばcenter_columnを最低400pxにしたいときはどうすればいいでしょうか

*{margin:0; padding:0; color:green;}
body{background-color:#ddd;width:100%;}

#my_header{width:100%;height:80px;}
#my_footer{width:100%;clear:both;text-align:center;}
#left_column {float:left;width:200px;}
#leftcontent {margin:20px 10px;border:1px solid black;background-color:white}
#right_column {float:right; width:200px;}
#center_column {margin:0 200px;}

>>970
min-width

>>971
フォー！サンクス

クロスブラウザ考慮すると空ブロック