CSSのレイアウト崩れ
2014年 06月 29日
CSSを書いてIEで確認すると、うまくできた!と思っても、Firefoxなど、ほかのブラウザで見ると、あれ~っ?と愕然とすることがあります。

今回もfooterを下のように書いたのに、IEではOK、でも、Firefoxでは あるページのfooterがfooterの位置にない。 

#footer {
background-color: #193bd9;
color:#ffffff;
width : 1000px ;

clear: both;
margin-top:0;
}

ネットで検索すると、どうも「bottom」をきちんと指定しないとうまくいかないらしい。

下のように書き直したら、Firefoxでもきちんと表示されました。ふーっ。
#footer {
background-color: #193bd9;
color:#ffffff;
width : 1000px ;
bottom : 0;

clear: both;
margin-top:0;
}
by hama_y | 2014-06-29 18:21 |▲TOPへ

<< JCOM加入 半角スペースの挿入 >>



パソコンのお役立ち機能を一緒に学びませんか?[初心者のためのOffice講座 hamachan.info]のサポートブログです。
by はま
サイト内検索
記事ランキング
最新の記事
Windows10でWi-F..
at 2017-07-17 18:02
ページレイアウトタブに「シー..
at 2017-07-08 11:57
リボンのユーザー設定で「基本..
at 2017-07-05 15:19
行の始まりのスペースを字下げ..
at 2017-07-04 17:41
既定のメールクライアントが設..
at 2017-06-27 18:45
リンク
カテゴリ
全体
Windows
IME
Office共通
Word
Excel
PowerPoint
Access
Outlook
Internet Explorer
Outlook Express
ホームページビルダー
ATOK
一太郎
筆まめ
筆王
筆ぐるめ
PhotoshopElements
ネットワーク
PCインストラクター
ああ~お客様
(@_@)
iPhone
SharePoint
未分類
以前の記事
2017年 07月
2017年 06月
2017年 05月
more...
検索
外部リンク