症状:ie6下margin某一方向外边距变大,是正常边距的两倍。
大家在写div的时候,用到ul,当ul浮动的时候,如果设置有margin属性,则会发现margin宽度是正常的两倍,那么这是为什么呢?这是因为你的ul设置了浮动float,使得ie6的bug表现出来,导致ie6下出现了双倍的外边距。
- 添加新评论
- 阅读次数:
一、说一下可伸缩的二级菜单,非常美观,根据需要可适当修改做为侧边栏使用,效果如下图:
<div id="my_menu" class="sdmenu">
<div>
<span>一级菜单</span>
<a href="#">二级菜单</a>
<a href="#">二级菜单</a>
<a href="#">二级菜单</a>
<a href="#">二级菜单</a>
<a href="#">二级菜单</a>
</div>
- 添加新评论
- 阅读次数:
图片向左滚动代码-不间断无缝代码如下:
<div class="cp1">
<div id="demo" style="overflow:hidden; width:720px;">
<table width="720px" border="0" cellspacing="0" cellpadding="0">
<tr><td id="demo1">
<table width="720px" border="0" cellspacing="3" cellpadding="3"><tr>
<td align="center">
<ul>
<li class="bor">
<a href="#"><a href="#" >
<img src="11.jpg" alt="#" border="0" width="167" height="127" /></a></li>
<li><a href="#" >产品一</a></li>
</ul>
</td>
- 添加新评论
- 阅读次数:
制作网页的过程中,常常因为文本中加有图片或者标点等对象导致文本两端没有对齐,虽然没有什么影响,可影响了美观,下面说一下css实现文本两端对齐的方法,很简单。
text-align:justify; #仅对火狐起作用
text-justify:inter-ideograph;#仅对IE起作用
所以我们在div或者span中同时加入text-align:justify;text-justify:inter-ideograph;即可。
另说一下图文本混排的方法:
- 添加新评论
- 阅读次数:
当上下两个div有背景的时候在IE6浏览器下会有间距产生,下面蛐蛐工作室具体说一下两种解决方法
蛐蛐工作室方法一:两个div的样式中都加入overflow:hidden,或者只给上面的div加上就行了。overflow:hidden在css2.0手册中是这样解释的:不显示超过对象尺寸的内容
蛐蛐工作室方法二:在head中加入以下代码:
- 添加新评论
- 阅读次数:
哀悼地震遇到者,蛐蛐工作室灰白显示,特地提供灰白代码刚刚往博客的css文件中加入了代码,让我们一起哀悼地址遇难者。html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}假如站长没有使用css,可以在<head></head>之间加入以下代码<style>html{filter
- 添加新评论
- 阅读次数:
IE6与IE7对css有不同的解释,下面不再详说不同之处,说一下解决的方法,一般我们调整尺寸即可解决。举例分析:
IE6与FF:
#left{width:203px; height:328px *important;height:341px;}
区别IE6与IE7:
#left{width:203px; height:328px !important;height:341px;}
- 添加新评论
- 阅读次数:
最近在公司没事做做网站,才发现想写出高效的CSS代码很难,自己写出的代码总是有很多多余的,看来这方面还要不断加强,多写代码,多上网学习别人总结出来的经验,比如在写CSS是,比如网上总结出来的几个原则:1、使用简写 2、避免使用Hack 3、使用留白 4、移除多余的结构(frameworks)和重设(resets)
- 添加新评论
- 阅读次数:
近日一网友向我询问为什么他日志左上角的Google广告为什么为挡住部分日志,我看了一下他的代码,也没什么问题,仔细一看,原来是他把with设错了,他的Google广告的宽度是300*250,而他的Google DIV宽度却是250*250,怎么会不遮挡呢,下面把我的Google代码的页面部分代码贴出来,供大家参考。
- 添加新评论
- 阅读次数:
在firefox下margin不起作用的解决方法
<div style="width:800px; height:auto; background-color:#00FF00">
<div style="margin-top:15px;">在IE下</div>
- 添加新评论
- 阅读次数: