2009.12.23——div+css的一些问题
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; 水平居中
分享到:
相关推荐
《深入理解:基于Div+CSS的网页设计与布局》 Div+CSS是现代网页设计中的核心技术,它在构建Web标准的网页布局中扮演着至关重要的角色。本篇将围绕"简单设计Div+CSS模板"这一主题,深入探讨Div+CSS的基础概念、网页...
关于页面设计方面的。大家可以看看。DIV+CSS标准化网页布局.ppt。
"韩顺平《轻松搞定网页设计HTML+CSS+JAVASCRIPT...本资源提供了 DIV+CSS 的基础知识和应用,包括 DIV 元素的概念、CSS 的基础知识、DIV+CSS 的优点、快速体验 DIV+CSS、DIV+CSS 的发展历史、CSS 的必要性和分类等内容。
在网页设计中,`div+css`布局是构建页面结构和样式的重要技术。它通过HTML的`<div>`元素作为容器来组织内容,并利用CSS(层叠样式表)来定义这些容器的外观、位置和样式。`div+css`布局能够实现灵活、可维护的网页...
**DIV+CSS简介** 在网页设计领域,`DIV+CSS`是一种常见的布局技术,它将内容(HTML元素)与样式(CSS样式表)分离,提高了网页的可维护性和易读性。`DIV`(Division,分隔)是HTML中的一个容器元素,常用来组织和...
主要学会: 一、DIV+CSS的概述 二、盒子模型 三、css中的定位与显示(相对定位、绝对定位等等) 四、div+css中常见的错误
【标题】"33套DIV+CSS简历模版.rar"所涵盖的知识点主要集中在网页布局技术和前端设计领域,特别是利用CSS(层叠样式表)和DIV(定义文档结构的HTML标签)来创建简历模板。这一资源集合提供的是33个不同的简历设计...
《深入理解Div+CSS布局:构建高效网页设计》 在网页设计领域,Div+CSS布局是一种广泛应用的技术,它能够帮助开发者实现清晰、灵活且高效的页面布局。本资料将全面解析Div+CSS布局的核心概念和实战技巧,旨在提升...
8. **浮动与清除**:在早期的Div+CSS布局中,浮动(float)常用于创建多列布局,但可能导致父元素高度塌陷的问题。因此,理解和使用clear属性来清除浮动是必要的。 9. **响应式设计**:随着移动设备的普及,响应式...
微信小程序——移动端商城(截图+源码).zip 微信小程序——移动端商城(截图+源码).zip 微信小程序——移动端商城(截图+源码).zip 微信小程序——移动端商城(截图+源码).zip 微信小程序——移动端商城(截图+...
【标题】"十天学会DIV+CSS(WEB标准)" 是一本旨在帮助初学者在短时间内掌握网页布局技术的教程。本书的核心是教导读者如何利用HTML的`<div>`元素结合CSS(层叠样式表)来创建符合WEB标准的网页设计。在WEB开发中,`...
微信小程序——用户反馈组件(截图+源码).zip 微信小程序——用户反馈组件(截图+源码).zip 微信小程序——用户反馈组件(截图+源码).zip 微信小程序——用户反馈组件(截图+源码).zip 微信小程序——用户反馈...
"div+css源码"是网页布局和设计中常见的技术组合,主要应用于前端开发领域。Div(Division)是HTML中的一个容器元素,用于组织和分隔页面内容,而CSS(Cascading Style Sheets)则是样式表语言,用来描述HTML或XML...
在CentOS 7 x86_64平台上,安装GCC 11.0.2这一高级C++编译器时,会依赖一个至关重要的动态链接库——libstdc++.so.6.0.29。本文将深入探讨这个库的作用、它与GCC的关系以及如何在系统中管理和使用它。 libstdc++是...
Div+CSS布局是网页设计中的核心技术,用于实现页面的结构化和样式分离。这个压缩包包含的《Div+CSS布局入门教程.chm》和《Div+CSS_布局大全.pdf》两份资料,都是针对初学者设计的教程,旨在帮助他们理解和掌握这一...
php+MYSQL+HTML+DIV+CSS.pdf
标题"DIV+CSS.rar_css"暗示了我们将会探讨如何使用CSS来布局基于`div`元素的网页。 **Div元素**是HTML中的一个块级元素,全称为“division”,意为分区。它是组织和结构化页面内容的强大工具,通过CSS可以设置其...
【div+css入门资料】 网页设计中,Div和CSS(Cascading Style Sheets)是构建高效、可维护、响应式布局的重要技术。Div是HTML中的一个元素,常用于定义页面上的区块,而CSS则用来控制这些区块的样式、布局和表现。...
DIV+CSS系列教程。(chm无法显示内容时需在属性中“解除锁定”)
Div+CSS布局实例归纳 在网页设计中,Div+CSS布局是一种非常流行的布局方式,特别是在现代网页设计中,它的应用非常广泛。那么,如何使用Div+CSS进行网页布局设计呢?下面,我们就一步一步地来学习Div+CSS布局实例的...