08/04/01 05:47:47 BRr4Mx0J
質問です。下記サイトの「NEW ENTRY」と書かれた赤いバッジのように、
position:absoluteでちょっとずらした配置したいです。
URLﾘﾝｸ(saladbowl.org)
↓のように丸い画像が枠が付いたボックスの上にかぶさるようにしたいです。
URLﾘﾝｸ(imepita.jp)
<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
08/04/01 06:04:02 BRr4Mx0J
すみません、Operaでもずれていました。
FireFoxを基準として、h2の縦幅が
Operaが1px小さく、IEが2px小さく、IEは枠が表示されていません。
面倒そうなので枠も背景も全部画像でやってしまうことにします。
もし何かピンと来た方「これじゃね?!」って思った方がいましたら、
回答をいただけると嬉しいですが、
もしいなければ軽くスルーしてください。
お騒がせしました。
938:Name_Not_Found
08/04/01 06:05:13 BRr4Mx0J
連投すみません、font-sizeを相対値じゃなく絶対値にしましたが、
OperaとFireFoxでの縦幅の差は解消されませんでした。
939:Name_Not_Found
08/04/01 07:34:35
>>936-938
俺の環境だと、IE7、IE6、Opera、Firefox全部枠線表示されたよ
>>936のXHTMLとCSSだけで確認してみた？
940:Name_Not_Found
08/04/01 08:19:32
画像なしでは確認していません。
ということは、ここに書いた内容には原因がないということでしょうか。
ありがとうございました。
少し考えて見ます。
941:Name_Not_Found
08/04/01 08:25:53
質問です。
URLﾘﾝｸ(nietzsche.s7.xrea.com)
URLﾘﾝｸ(nietzsche.s7.xrea.com)
購入した本のサンプルとしてついてきたファイルなのですが
デザインは見ていただければわかると思います。
文字情報を多めに挿入したいのでもう少し、高さを出して、縦
にスクロールするようにしたいのですが、
それを背景画像(back_gr.gif)の中に収めたいのです。今のま
まだと
画像から文字がはみ出てしまいます。背景のgif画像を作り変
えてheightを大きくしてみても
うまく表示できません。何かいい解決策はないでしょうか？
素人の質問で恐縮ですが、よろしくお願いします。
942:Name_Not_Found
08/04/01 08:38:20
>>941
・・・・・・・・・・・・・・・・・・・・・ひでえ。酷すぎる。
ゼロから作れ、その方が早い。
ってくらいに酷い。
943:Name_Not_Found
08/04/01 10:05:01 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;」が影響しているらしい所までは予想はつくのですが解決策が浮かびません
ご教授願います
944:Name_Not_Found
08/04/01 10:07:30
floatじゃなくてdisplay:inline使え
945:Name_Not_Found
08/04/01 10:12:20 vKc0jU21
>>944
解決しました
即レス感謝(*'A`)
946:Name_Not_Found
08/04/01 10:13:51
感謝してる顔なのかこれが？ｗｗｗ＞(*'A`)
947:Name_Not_Found
08/04/01 10:14:43
>>946
ヽ(*´∀｀)ノ
ヽ(・∀・ )ﾉ
o（≧∇≦）o
(*･ε･*)
( ﾟДﾟ)
どれが良いんだ？
948:Name_Not_Found
08/04/01 10:23:39
もっとｱｯｰ!な顔文字はないのか！
949:Name_Not_Found
08/04/01 10:25:48
（＊´Д｀）
単なるﾊｧﾊｧじゃねーかｗ
950:Name_Not_Found
08/04/01 10:27:40
(;ﾟдﾟ)
951:Name_Not_Found
08/04/01 10:30:39
兄貴いいいいいいいいいいい
952:Name_Not_Found
08/04/02 00:37:59 MCGSOppa
しゃぶれよ
953:Name_Not_Found
08/04/02 00:44:57
だが断る。
954:925
08/04/02 11:21:55
次スレさっさとたてろやおら！
つまったときお前等こき使って解決済んだからよぉ！
さっさと立て炉や糞ぼけカスが！
糞虫観てぇなおまえらを使ってやる俺様に感謝視野がれﾌﾟﾌﾟﾌﾟ！
955:Name_Not_Found
08/04/02 15:48:14
春ですね。わかります。
956:Name_Not_Found
08/04/02 16:46:12
>>954
糞虫ちゃうねん禿虫でんねん。