2009.12.23——div+css的一些问题
2009.12.23——div+css的一些问题
1.
我想用以绝对位置来页面布局
我的分辨率是1024*768的，我的页面设的是
width: 1024px;
但是当我只要设置了height: 700px，在FF里面显示正常，但是在IE里面就是显示的不对，我很焦虑
2.
当我用相对位置来布局页面时，怕分辨率太大 造成页面显示不匀称，就设置了max-width，但是，在IE6里面就是没什么反应，有什么解决办法吗
3.IE6，IE7，FF的区别
4.flash设置了100%，但是在FF下还是无法全部显示
解决1：去除html文档最前面的文档声明
但是 在IE下面显示也有点问题 就是那个flash周围总是有点空白，所以
5.外部css的引入 两种方法
A:一般用link的方式
B:important的方式
6.IE和FF的又一区别
比如说吧，一个main.html,它里面有个left.hmtl的iframe，如果main.html的背景是blue的，而left.html里面没有设置
颜色事，IE里面显示的是无颜色，FF里面显示的是blue
7.图片居中
1.
我想用以绝对位置来页面布局
我的分辨率是1024*768的，我的页面设的是
width: 1024px;
但是当我只要设置了height: 700px，在FF里面显示正常，但是在IE里面就是显示的不对，我很焦虑
2.
当我用相对位置来布局页面时，怕分辨率太大 造成页面显示不匀称，就设置了max-width，但是，在IE6里面就是没什么反应，有什么解决办法吗
/*
因为用了相对位置布局，当分辨率太大时，图片和文字就会被拉伸
所以采用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.IE6，IE7，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的引入 两种方法
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.hmtl的iframe，如果main.html的背景是blue的，而left.html里面没有设置
颜色事，IE里面显示的是无颜色，FF里面显示的是blue
7.图片居中
vertical-align:middle; 垂直居中 text-align:center; 水平居中