前几天上网发现gfans.org的风格不错,于是就准备"拿来"为我所用. 后来仔细一看,他并没有修改过MT(我的BLOG也是MT架设的)默认的模板,心中大喜,于是直接将对方的样式表放到了我的网站里面,结果,我的只能在IE下显示出效果,在火狐下却显示不出来效果. 狂郁闷....由于小弟刚学网页制作,所以不知道为何故,故来经典论坛求教. 望各位达人不要吝惜,指点一下.小弟先在这里谢谢大家了! 网页代码:http://www.fxin.com/index.txt 样式表代码:http://www.fxin.com/style.txt
Firefox 下显示 style.css 的 MIME 不是 text/css 而是 text/css 。你新建一份样式表文件,将 style.css 的文本内容复制过去看看。 不过看了你的源代码,指定的是 MIME ,不知道会不会是编码问题。
你下载我的附件覆盖过去看看。 http://bbs.chinahtml.com/attachment.php?attachmentid=1656&stc=1&d=1140933315 下载后,将 .rar 扩展名修改为 .css 。
非常感谢不学兄 不过用你的CSS文件还是不行是对方的www.gfans.org的却可以在FIREFOX下显示,我们的代码都是一样的啊! 现在还有一个问题,希望那位兄弟有空帮忙解决一下,我现在用IE7 beta2,其中一个DIV我定义了border-bottom: 1px solid #999; 但是在IE7下却显示不出来 网页代码: 代码: <div id="banner"> <div id="banner-inner" class="pkg"> <h1 id="banner-header"><a href="http://fxin.com/" accesskey="1"><img src="<$MTBlogURL$>images/logo.gif" alt="Fxin.com" border="0" /></a></h1> <h2 id="banner-description"><$MTBlogDescription$></h2> <form method="get" action="<$MTCGIPath$><$MTSearchScript$>"> <input type="hidden" name="IncludeBlogs" value="1" /> <label for="search" accesskey="s">Search this blog:</label> <input id="search" name="search" size="20" /> <input type="submit" value="Search" /> </form> </div> </div> CSS代码: 代码: #banner { position: relative; } #banner-inner { position: static; } #banner { border-bottom: 1px solid #999; } 不知道什么地方出现了错误,望高手指教!谢谢
首先尝试去验证你的 CSS 文件,出现如下错误信息: 但是将该文件下载,放到我的网站上,可以正常校验(虽然有一些校验错误)。 我尝试在我的网页中连接你的 CSS 文件,错误结果一样。怀疑你的服务器没有使用正确的 MIME 处理 CSS 文件。这种错误在 IE 这种“包容性”很强的浏览器下是没有问题的,但是 FF 会比较挑剔。 第二个问题,应该是由于 banner 的定位造成的,去掉其定位就可以看到边框了。个人对于定位也不了解,所以如何解决,尚无能为力。