CSSで二段カラム 【Firefox】
-
0 名前： webPR ： 2006/02/05 23:52 ［URL］
- http://www.cffjapan.org/Copy%20of%20index.html
でFirefoxで2段カラムがうまく表示されません・・・。
どなたか教えてくれませんか。
下記は適用しているCSSです。
body {
font-family:"ＭＳ Ｐゴシック", "Osaka";
font-size:12px;
color:#333333;
background-color:#FFFFFF;
text-align:center;
margin:0;
padding:0;
}
a:link { font-weight: normal; text-decoration:none; color: #0066cc}
a:visited { font-weight: normal; text-decoration:none; color: #000099 }
a:active {font-weight: normal; color:#FF9900}
a:hover{ font-weight: normal; text-decoration:underline; color:#DD0000 }
.title { font-size: 18px; font-weight: bold; color: #42a61a; font-family: "ＭＳ ゴシック", "Osaka−等幅"}
/*大見出し*/
.title_s { font-family: "ＭＳ ゴシック", "Osaka−等幅"; font-size: 14px; font-weight: bold; color: #42a61a}
/*大きく、緑で目立たせたい文字*/
.text { font-size: 12px}
.text_s { font-size: 10px} /*小さいテキスト文字*/
.text_l { font-size: 14px} /* 大きいテキスト文字 */
.text_strong { font-size: 14px; font-weight: bold} /*大きく、目立たせたい文字*/
.text_tate{ writing-mode: tb-rl} /*縦書きで表示する文字（IEのみ）*/
h2 {
background-color: #E9E9E9;
} /*小見出し*/
table {
font-size:12px;
}
.container {
width :700px;
text-align: left;
margin-left: auto;
margin-right: auto;
}/* */
.header {
margin-left:auto;
margin-right:auto;
}/* */
.main {
width:700px;
}
.mainleft {
float:left;
width:380px;
text-align:left;
}/* */
.mainright {
text-align:left;
float:right;
width:320px;
}
.footer{
clear:both;
width:700px;
}/* */
-
1 名前： 匿名希望 ： 2006/02/05 23:52
- このあたりが参考になるかと。
http://members.jcom.home.ne.jp/pctips/www/faq/Dangumi.html
なお、「CSS バグ」でGoogle検索をかけたら下記サイトがヒットしたので参考まで。
http://cssbug.at.infoseek.co.jp/index.html
余談）
http://members.jcom.home.ne.jp/jintrick/Personal/usrstyle.html
-
2 名前： 通りすがり2 ： 2006/02/05 23:52
- 掲示板上部注意書きは読みましたか？
■ご利用の前に
・ まずは「はじめにお読みください」をご覧になってください。
ご利用上のご注意とお願い
・マルチポストは禁止です。（削除の対象になります）
こちらで続けたいなら、よその質問は〆ましょう。
-
3 名前： WebPR ： 2006/02/05 23:52
- .container
.header
.mainleft
を先に記述
body
はあとに記述することで解決しました。
タイヘンお世話になりました。ありがとうございます。
http://www.tagindex.com/cgi-lib/conf.cgi?http://cssbug.at.infoseek.co.jp/index.html
も拝見しましたが、
今回の問題のものに当てはまるものがないかな、という気はしました。
