2009.12.23——div+cssのいくつかの問題
2009.12.23——div+cssのいくつかの問題
1.
絶対位置でページレイアウトをしたいのですが
私の解像度は1024*768で、私のページは
width: 1024px;
しかし、height:700 pxを設定すると、FFでは正常に表示されますが、IEでは表示が間違っていて、焦っています.
2.
相対的な位置でページをレイアウトするとき、解像度が大きすぎてページの表示が不均一になるのではないかと心配してmax-widthを設定しましたが、IE 6では反応がなく、何か解決策がありますか?
3.IE 6,IE 7,FFの違い
4.flashは100%設定されていますが、FFでは全て表示できません
解決1:htmlドキュメントの一番前のドキュメント宣言を削除する
しかしIEの下に表示するのも少し問題がありますそのflashの周囲はいつも少し空白で、だから
5.外部cssの導入の2つの方法
A:link方式が一般的です
B:importantの方式
6.IEとFFのもう一つの違い
例えば、main.htmlの中にleft.htmlのiframeがあります.main.htmlの背景がblueの場合、left.htmlには設定されていません.
色事、IEに表示されているのは无色、FFに表示されているのはブルー
7.画像中央
1.
絶対位置でページレイアウトをしたいのですが
私の解像度は1024*768で、私のページは
width: 1024px;
しかし、height:700 pxを設定すると、FFでは正常に表示されますが、IEでは表示が間違っていて、焦っています.
2.
相対的な位置でページをレイアウトするとき、解像度が大きすぎてページの表示が不均一になるのではないかと心配してmax-widthを設定しましたが、IE 6では反応がなく、何か解決策がありますか?
/*
, ,
max-width , IE6
,
!important FF IE7
_XXX IE6
*XXXIE7,IE6
*+XXX IE7
*/
#box{
/*background: red;*/
height: 100% !important;
width: 100% !important;
_width: 1000px;
/*_height: 600px;*/
max-width: 1024px;
min-width: 1000px;
min-height: 500px;
margin: auto;
}
3.IE 6,IE 7,FFの違い
4.flashは100%設定されていますが、FFでは全て表示できません
解決1:htmlドキュメントの一番前のドキュメント宣言を削除する
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
解決2:flashのページに次のcssを追加<style type="text/css">
html,body{
height: 100%;
}
</style>
でも、次のスクロールバーが現れるという問題があります.解決方法です.<style type="text/css">
html,body{
height: 100%;
overflow:hidden;// ,
}
</style>
しかしIEの下に表示するのも少し問題がありますそのflashの周囲はいつも少し空白で、だから
*{
margin: 0px;
padding: 0px;
}
これでいいです.5.外部cssの導入の2つの方法
A:link方式が一般的です
<head>
<link rel="stylesheet" type="text/css" href="css/test.css" />
</head>
B:importantの方式
<head>
<link rel="stylesheet" type="text/css" href="css/test.css" />
</head
> 6.IEとFFのもう一つの違い
例えば、main.htmlの中にleft.htmlのiframeがあります.main.htmlの背景がblueの場合、left.htmlには設定されていません.
色事、IEに表示されているのは无色、FFに表示されているのはブルー
7.画像中央
vertical-align:middle;
text-align:center;