CSS初心者スレッド＝1st＝
927 ：Name_Not_Found：2008/03/31(月) 22:09:03 ID:???
後出しはスルー。
928 ：Name_Not_Found：2008/03/31(月) 22:43:59 ID:???
後出し過ぎwww
自己解決
930 ：Name_Not_Found：2008/03/31(月) 23:32:20 ID:???
礼も言えない失礼な奴
使えないお前ら
自己解決
自己解決
932 ：Name_Not_Found：2008/04/01(火) 01:21:54 ID:???
ﾌﾟﾌﾟﾌﾟ
いやー本当マジぽんで使えねーよなお前ら
自己解決勝利でおまえらの使え無さを確信実感した。
ﾌﾟﾌﾟﾌﾟ
自己解決勝利でおまえらの使え無さを確信実感した。
ﾌﾟﾌﾟﾌﾟ
このスレ上から目線な割にまともに答えられない池沼しかいねえな
935 ：Name_Not_Found：2008/04/01(火) 03:39:03 ID:???
春爛漫
936 ：Name_Not_Found：2008/04/01(火) 05:47:47 ID:BRr4Mx0J
質問です。下記サイトの「NEW ENTRY」と書かれた赤いバッジのように、
position:absoluteでちょっとずらした配置したいです。
ttp://saladbowl.org/
↓のように丸い画像が枠が付いたボックスの上にかぶさるようにしたいです。
http://imepita.jp/20080401/196930
<div id="toppage">
<p id="badge"><img width="76" height="54" src="" /></p>
<h2>文字が入る</h2>
</div>
#toppage { position:relative }
#badge {
margin:0;
positon:absolute;
top:-5px;
left:1px; /* ←h2の左のボーダーが見えなくなってしまうため */
}
#toppage h2 {
margin:0;
padding:10px 15px 10px 90px;
background:#DFF4FF;
border-color:#DDDDDD;
border-style:solid;
border-width:1px 1px 0 1px; /* 枠は下だけ表示しません */
font-size:107%;
}
xhtml1.0のstrict、URLあり、xml宣言なしです。
WinFireFox、Operaではうまく表示されているのですが、
IE6、IE7ではh2の枠が表示されていないように見えます。
何が原因でしょうか。よろしくお願いします。
position:absoluteでちょっとずらした配置したいです。
ttp://saladbowl.org/
↓のように丸い画像が枠が付いたボックスの上にかぶさるようにしたいです。
http://imepita.jp/20080401/196930
<div id="toppage">
<p id="badge"><img width="76" height="54" src="" /></p>
<h2>文字が入る</h2>
</div>
#toppage { position:relative }
#badge {
margin:0;
positon:absolute;
top:-5px;
left:1px; /* ←h2の左のボーダーが見えなくなってしまうため */
}
#toppage h2 {
margin:0;
padding:10px 15px 10px 90px;
background:#DFF4FF;
border-color:#DDDDDD;
border-style:solid;
border-width:1px 1px 0 1px; /* 枠は下だけ表示しません */
font-size:107%;
}
xhtml1.0のstrict、URLあり、xml宣言なしです。
WinFireFox、Operaではうまく表示されているのですが、
IE6、IE7ではh2の枠が表示されていないように見えます。
何が原因でしょうか。よろしくお願いします。
937 ：Name_Not_Found：2008/04/01(火) 06:04:02 ID:BRr4Mx0J
すみません、Operaでもずれていました。
FireFoxを基準として、h2の縦幅が
Operaが1px小さく、IEが2px小さく、IEは枠が表示されていません。
面倒そうなので枠も背景も全部画像でやってしまうことにします。
もし何かピンと来た方「これじゃね?!」って思った方がいましたら、
回答をいただけると嬉しいですが、
もしいなければ軽くスルーしてください。
お騒がせしました。
FireFoxを基準として、h2の縦幅が
Operaが1px小さく、IEが2px小さく、IEは枠が表示されていません。
面倒そうなので枠も背景も全部画像でやってしまうことにします。
もし何かピンと来た方「これじゃね?!」って思った方がいましたら、
回答をいただけると嬉しいですが、
もしいなければ軽くスルーしてください。
お騒がせしました。
938 ：Name_Not_Found：2008/04/01(火) 06:05:13 ID:BRr4Mx0J
連投すみません、font-sizeを相対値じゃなく絶対値にしましたが、
OperaとFireFoxでの縦幅の差は解消されませんでした。
OperaとFireFoxでの縦幅の差は解消されませんでした。
939 ：Name_Not_Found：2008/04/01(火) 07:34:35 ID:???
940 ：Name_Not_Found：2008/04/01(火) 08:19:32 ID:???
画像なしでは確認していません。
ということは、ここに書いた内容には原因がないということでしょうか。
ありがとうございました。
少し考えて見ます。
ということは、ここに書いた内容には原因がないということでしょうか。
ありがとうございました。
少し考えて見ます。
941 ：Name_Not_Found：2008/04/01(火) 08:25:53 ID:???
質問です。
http://nietzsche.s7.xrea.com/test/
http://nietzsche.s7.xrea.com/test/css/base.css
購入した本のサンプルとしてついてきたファイルなのですが
デザインは見ていただければわかると思います。
文字情報を多めに挿入したいのでもう少し、高さを出して、縦
にスクロールするようにしたいのですが、
それを背景画像(back_gr.gif)の中に収めたいのです。今のま
まだと
画像から文字がはみ出てしまいます。背景のgif画像を作り変
えてheightを大きくしてみても
うまく表示できません。何かいい解決策はないでしょうか？
素人の質問で恐縮ですが、よろしくお願いします。
http://nietzsche.s7.xrea.com/test/
http://nietzsche.s7.xrea.com/test/css/base.css
購入した本のサンプルとしてついてきたファイルなのですが
デザインは見ていただければわかると思います。
文字情報を多めに挿入したいのでもう少し、高さを出して、縦
にスクロールするようにしたいのですが、
それを背景画像(back_gr.gif)の中に収めたいのです。今のま
まだと
画像から文字がはみ出てしまいます。背景のgif画像を作り変
えてheightを大きくしてみても
うまく表示できません。何かいい解決策はないでしょうか？
素人の質問で恐縮ですが、よろしくお願いします。
942 ：Name_Not_Found：2008/04/01(火) 08:38:20 ID:???
943 ：Name_Not_Found：2008/04/01(火) 10:05:01 ID:vKc0jU21
<div id="footer_menu">
<ul>
<li>リスト１</li>
<li>リスト２</li>
</ul>
</div>
――――
#footer_menu{
width:800px;
}
#footer_menu ul{
list-style:none;
clear:both;
}
#footer_menu ul li{
float:left;
}
――――
これを
リスト１ リスト２
と横に並べて中央揃えにしたいのに
どこに「text-align:center;」
を書いても中央揃えにならず左に寄ってしまうのですが……
<li>に書いてる「float:left;」が影響しているらしい所までは予想はつくのですが解決策が浮かびません
ご教授願います
<ul>
<li>リスト１</li>
<li>リスト２</li>
</ul>
</div>
――――
#footer_menu{
width:800px;
}
#footer_menu ul{
list-style:none;
clear:both;
}
#footer_menu ul li{
float:left;
}
――――
これを
リスト１ リスト２
と横に並べて中央揃えにしたいのに
どこに「text-align:center;」
を書いても中央揃えにならず左に寄ってしまうのですが……
<li>に書いてる「float:left;」が影響しているらしい所までは予想はつくのですが解決策が浮かびません
ご教授願います
944 ：Name_Not_Found：2008/04/01(火) 10:07:30 ID:???
floatじゃなくてdisplay:inline使え
945 ：Name_Not_Found：2008/04/01(火) 10:12:20 ID:vKc0jU21
946 ：Name_Not_Found：2008/04/01(火) 10:13:51 ID:???
感謝してる顔なのかこれが？ｗｗｗ＞(*'A`)
947 ：Name_Not_Found：2008/04/01(火) 10:14:43 ID:???
948 ：Name_Not_Found：2008/04/01(火) 10:23:39 ID:???
もっとｱｯｰ!な顔文字はないのか！
949 ：Name_Not_Found：2008/04/01(火) 10:25:48 ID:???
（＊´Д｀）
単なるﾊｧﾊｧじゃねーかｗ
単なるﾊｧﾊｧじゃねーかｗ
950 ：Name_Not_Found：2008/04/01(火) 10:27:40 ID:???
(;ﾟдﾟ)
951 ：Name_Not_Found：2008/04/01(火) 10:30:39 ID:???
兄貴いいいいいいいいいいい
952 ：Name_Not_Found：2008/04/02(水) 00:37:59 ID:MCGSOppa
しゃぶれよ
953 ：Name_Not_Found：2008/04/02(水) 00:44:57 ID:???
だが断る。
次スレさっさとたてろやおら！
つまったときお前等こき使って解決済んだからよぉ！
さっさと立て炉や糞ぼけカスが！
糞虫観てぇなおまえらを使ってやる俺様に感謝視野がれﾌﾟﾌﾟﾌﾟ！
つまったときお前等こき使って解決済んだからよぉ！
さっさと立て炉や糞ぼけカスが！
糞虫観てぇなおまえらを使ってやる俺様に感謝視野がれﾌﾟﾌﾟﾌﾟ！
955 ：Name_Not_Found：2008/04/02(水) 15:48:14 ID:???
春ですね。わかります。
956 ：Name_Not_Found：2008/04/02(水) 16:46:12 ID:???
>>954
糞虫ちゃうねん禿虫でんねん。
糞虫ちゃうねん禿虫でんねん。
957 ：Name_Not_Found：2008/04/03(木) 15:00:27 ID:???
958 ：Name_Not_Found：2008/04/04(金) 06:01:14 ID:???
ＣＳＳで
table th{
width: 12ex;
}
とするとＦｉｒｅＦｏｘではちゃんとthセルの横幅が設定されるのですが
ＩＥでは反映されません。
DebugToolBarというプラグインで確認してみるとthに設定したスタイル全てが無視されています
FFoxでは反映されているので記述ミスということは無いと思うので
何が原因か分かりません
何方が原因をご存知でしたらご教示お願いします
table th{
width: 12ex;
}
とするとＦｉｒｅＦｏｘではちゃんとthセルの横幅が設定されるのですが
ＩＥでは反映されません。
DebugToolBarというプラグインで確認してみるとthに設定したスタイル全てが無視されています
FFoxでは反映されているので記述ミスということは無いと思うので
何が原因か分かりません
何方が原因をご存知でしたらご教示お願いします
959 ：Name_Not_Found：2008/04/04(金) 08:36:44 ID:???
なんでwidthでex？
heightの場合とか、もしくはemならまだわかるけど。
heightの場合とか、もしくはemならまだわかるけど。
960 ：Name_Not_Found：2008/04/04(金) 12:53:21 ID:???
heightでもexはわからない
961 ：Name_Not_Found：2008/04/04(金) 14:39:59 ID:???
幸子EX
962 ：Name_Not_Found：2008/04/04(金) 15:37:20 ID:???
>>958
IE6では指定した通りの幅になったよ。
ソース：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>th width</title>
<style type="text/css">
table, th { border: 1px solid gray; }
table th { width: 12ex; }
</style>
<table><tr><th>th</table>
IE6では指定した通りの幅になったよ。
ソース：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>th width</title>
<style type="text/css">
table, th { border: 1px solid gray; }
table th { width: 12ex; }
</style>
<table><tr><th>th</table>
963 ：Name_Not_Found：2008/04/04(金) 19:15:40 ID:???
>指定した通りの幅
>指定した通りの幅
>指定した通りの幅
>指定した通りの幅
>指定した通りの幅
964 ：Name_Not_Found：2008/04/05(土) 07:10:29 ID:???
965 ：Name_Not_Found：2008/04/05(土) 10:06:33 ID:???
966 ：Name_Not_Found：2008/04/05(土) 10:11:48 ID:hjkmjnzu
<div class="box">
<p>
<img 略 width="150" height="150" />
あいうえお
</p>
</div>
―――――
.box{
width:298px;
border:1px solid;
}
img{
display:block;
width:150px;
float:left;
}
――――――
.boxにかけたborderがうまく表示されない
width300pxの分は表示されているがheightの部分が画像の裏に回り込んで表示されてしまっています
.boxにheightを指定すればよいのだろうけど、imgのheightはモノによって可変
pの文章量も可変なので
.boxにheightは指定したくないです
ちなみにpにborderをかけてみても同じ結果
imgの下までborderがかかるようにするにはどうすればいいんでしょうか
<p>
<img 略 width="150" height="150" />
あいうえお
</p>
</div>
―――――
.box{
width:298px;
border:1px solid;
}
img{
display:block;
width:150px;
float:left;
}
――――――
.boxにかけたborderがうまく表示されない
width300pxの分は表示されているがheightの部分が画像の裏に回り込んで表示されてしまっています
.boxにheightを指定すればよいのだろうけど、imgのheightはモノによって可変
pの文章量も可変なので
.boxにheightは指定したくないです
ちなみにpにborderをかけてみても同じ結果
imgの下までborderがかかるようにするにはどうすればいいんでしょうか
967 ：Name_Not_Found：2008/04/05(土) 10:59:36 ID:???
そういうときこそclearfix
968 ：Name_Not_Found：2008/04/05(土) 11:01:21 ID:???
min-heightとか
:afterでdisplay:block;clear:bothとか
:afterでdisplay:block;clear:bothとか
969 ：Name_Not_Found：2008/04/05(土) 18:31:43 ID:???
>>966
.boxにoverflow:auto;
.boxにoverflow:auto;
970 ：Name_Not_Found：2008/04/05(土) 21:15:42 ID:???
971 ：Name_Not_Found：2008/04/05(土) 21:37:36 ID:hjkmjnzu
レス感謝(*'A`)/
>>967
残念ながら上手くいきません
>>968
min-heightが一番しっくりきてます
>>969
微妙。
文章量によってはオーバーしすぎて表示されなかったり
margin-bottomで調整すれば或いは
>>970
テメーは人生をヤメロ。
>>967
残念ながら上手くいきません
>>968
min-heightが一番しっくりきてます
>>969
微妙。
文章量によってはオーバーしすぎて表示されなかったり
margin-bottomで調整すれば或いは
>>970
テメーは人生をヤメロ。
972 ：Name_Not_Found：2008/04/05(土) 21:41:23 ID:???
>>971
質問者に向いてない
質問者に向いてない
973 ：Name_Not_Found：2008/04/05(土) 22:49:42 ID:???
随分と敷居の高い初心者スレだな
974 ：Name_Not_Found：2008/04/06(日) 02:01:53 ID:???
春だから・・・
975 ：Name_Not_Found：2008/04/06(日) 11:58:06 ID:???
こんな質問者じゃ誰も答えなくなるってのはちょっと考えればわかるだろうに。
春以前に厨だな。
春以前に厨だな。