符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
有解决的办法,一种手动,一种就是写代码!
龙南网站建设公司创新互联公司,龙南网站设计制作,有大型网站制作公司丰富经验。已为龙南近千家提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱,请找那个售后服务好的龙南做网站的公司定做!
手动:点击上面工具栏,选择兼容性视图,就可以显示正常了。
代码:直接在页面的header里面写meta标签这样一行代码:
meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ /
这样IE8就会正常显示了!
第一个li的高度高了,所以后面float的元素就卡住了。
你可以直接在第一个li里面设置一下style="line-height:29px;",就可以看出来效果了。
反正就是这个的原因。
至于怎么解决,没有找到问题产生的原因啊。。。。
------解决方案--------------------
.parameters li span
这个里面的字体大小影响的,
改为12px就可以解决这个问题。
至于为何这个字体会影响,估计是跟line-height在混杂模式下,浏览器的解释不同照成的吧。
总结性的影响因素,还说不上来。。。
这俗称CSS HACK。即浏览器差异。我做过一段时间前台页面。一般程序员都很厌恶IE。因为它不怎么支持W3C里面的标准。而火狐永远是金标准。问题出现了还得解决。有两种解决办法,一是你的问题出在哪在网上搜一下相应的CSS HACK的解决办法。很多的。二,你今后做页面的时候用纯table.几乎不用DIV这样就可以避免CSS HACK。
针对firefox ie6 ie7 ie8的css样式hack
以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!搜索了一下,找到了一个针对IE7、IE8不错的hack方式,IE7使用*+html或*line-height: 23px,IE8使用“\9”来区分,比如:line-height: 26px\9。
CSS可以参照如下定义,注意顺序:
#menu { line-height: 23px; }/* firefox 浏览器实行这句定义 */
#menu { line-height: 26px\9; }/*ie6,ie7,ie8 这句定义主要尖对IE8来hack*/
#menu { *line-height: 23px; }/*ie6,ie7 这句定义主要尖对IE7来hack*/
#menu { _line-height: 23px; }/*ie6 浏览器优先实行这句定义*/
或者写成一句
#menu { line-height:23px; line-height: 26px\9; *line-height: 23px; _line-height:23px; }
或者
* html #menu { line-height: 23px; } /* IE6 浏览器实行这句定义 */
*+html #menu { line-height: 23px; }/* IE7 浏览器实行这句定义*/
你在css样式文件头部写上
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,a
{
padding:
0;margin:
0;font-size:12px;
text-decoration:none;
font-family:
"微软雅黑"
,arial;}
h1,h2,h3,h4,h5,h6
{font-weight:
normal;font-size:
100%;}
这样所有的标签默认的内外边距都清零了,而且有默认字体大小和字体。然后如果你需要的话可有给指定h1标签设置字体大小或者其他样式,希望可以帮到你
width:192px; height:55px; margin-top:100px; background:url(images/anniu01.gif) no-repeat left bottom;
要将上面的改成
width:192px; height:155px; background:url(images/anniu01.gif) no-repeat left 50px;
2.尽量用padding-top:,少用margin-top
今天总算升级到IE8了,感觉CSS的写法要想同时适应IE6、IE7、IE8、FireFox,有以下几个基本的窍门。
1、使用float后必须clear,否则IE8显示错误。
2、h1,h2,h3,ul,li,dl,dt,dd,p...最好定义margin:0和padding:0,否则各种浏览器显示有误差。
3、line-height值最好是偶数,奇数显示有误差。
4、input 的text和password两种形式在IE8不定义字体(宋体)下长度高度不一样,可将input定义为font-family:Arial。
5、如果想在标题前后加小图标,最好不要直接用img,用img的话IE6行间距会缩小,应该用li加背景的形式。
...今天暂时只发现这几点,更多的以后继续总结。
实在不行再用分开定义的办法:
div {
margin:0; /* 给全部浏览器看 */
*margin:10px; /* 给IE6、IE7看 */
_margin:20px; /* 只给IE6看 */
}
附:基本CSS样式表
style type="text/css"
body {
margin:0;
font-size:9pt;
line-height:18px;
}
h1,h2,h3,ul,li,dl,dt,dd,p {
margin:0;
padding:0;
}
ul {
list-style:none;
}
form {
margin:0;
}
input,textarea,select {
font-family:Arial;
font-size:9pt;
}
.clear {
clear:both;
}
/style