Css扉主流·设计病

文章列表

您正在查看 "Css" 分类下的文章

IE6! 你妹的. IE6下 PADDING双倍BUG

2010-06-21 3:16

IE6下有个BUG

只要在有padding-top的元素内有<div class="clear"></div> 那就会出现双倍PADDING的 BUG

CSS

.clear {clear: both;}

解决办法需要在.clear的CSS里加overflow:hidden;height:0;

.clear {clear: both;overflow:hidden;height:0;}

再次感叹下 IE6忒垃圾了~

阅读全文>>

类别：Css|评论(0) |浏览(740)

让IE6实现position:fixed效果

2010-04-29 14:57

一、示例展示

实现后的淘宝直通车页面效果地址：http://pro.taobao.com/zhitongche/page6_why1.html

淘宝直通车固定按钮实现的完整代码如下：

/*  css code  */
<style type="text/css">
.jumpetotop{
background:url(http://pro.taobao.com/zhitongche/images/fixedtop.png) no-repeat left top;
width:21px;
height:61px;
overflow:hidden;
bottom:100px;
positio

阅读全文>>

类别：Css|评论(0) |浏览(253)

多了一只猪:IE6下文字溢出BUG及解决办法

2009-09-11 10:27

实验代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>多了一

阅读全文>>

类别：Css|评论(0) |浏览(645)

固定漂浮导航

2009-07-01 11:12

有些东西找起来很麻烦，好用的又不太容易找到，之前看到很多用JS写的，固定漂浮这种效果拖动时难免会产生抖动
自己对CSS还是蛮有好感的，找来找去找到了天涯，仔细一看是纯CSS的，没有使用JS效果
我觉得它比之前看到的要精简些不用嵌套多余的DIV

简单的看一下CSS样式部分：

body {
background-image:url(text.txt); /* for IE6 */
background-attachment:fixed;
}
#bottomNav {
background-color:#096;
z-index:999;
position:fi

阅读全文>>

类别：Css|评论(0) |浏览(117)

应用DIV+CSS编码时容易犯的一些错误

2008-10-23 18:14

CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误：

1. 检查HTML元素是否有拼写错误、是否忘记结束标记

即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。

2. 检查CSS是否正确

检

阅读全文>>

类别：Css|评论(0) |浏览(61)

div+css处理firefox与IE6的水平居中效果

2008-09-21 11:35

<html>
    <body>
        <div style="text-align: center;">
            <div style=" border: 1px red solid; width: 300px;text-align: left;">
                div水平对齐, IE6 only

阅读全文>>

类别：Css|评论(0) |浏览(124)

Firefox 关于DIV高度无法自适应的两种解决

2008-09-21 11:34

如果设置了一个DIV的高度，当DIV里实际内容大于所设高度，ie会自动拉伸以适应DIV容器大小，ff会固定DIV的高度，超过部分超出DIV底线以外，出现和下面的内容重叠的现象。如果不给DIV设置高度，在Firefox中将不回因为里面的内容而撑开，而IE中就会自动根据内容撑开

解决方案：
1、在DIV内部的最后追加clear:both样式

<div style="background-color:#FF0000;">
<div style="float:left; height:200px">Jmedia Design<

阅读全文>>

类别：Css|评论(0) |浏览(209)

如何让Div中的内容对齐底部或者垂直居中

2008-08-12 16:02

底端对齐：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css" media="all">
d

阅读全文>>

类别：Css|评论(0) |浏览(1025)

strong与b的区别

2008-08-10 13:04

关于html标签中b和strong两个的区别，我也是今早上才注意的，以前都是混着用的，早上看书的时候才注意到这两个标签的区别。

用在网页上，默认情况下它们起的均是加粗字体的作用，二者所不同的是，<b>标签是一个实体标签，它所包围的字符将被设为bold（粗体），而<strong>标签是一个逻辑标签，它的作用是加强字符的语气，一般来说，加强字符的语气是通过将字符变为bold（粗体）来实现的。

简单的说strong是web标准中xht

阅读全文>>

类别：Css|评论(0) |浏览(4815)

文章分类

默认分类(2)

Css(9)