1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

求助:同样的网页同样的样式表文件,显示出不同效果

本帖由 fxincom2006-02-25 发布。版面名称:前端开发

  1. fxincom

    fxincom New Member

    注册:
    2005-12-12
    帖子:
    50
    赞:
    1
    前几天上网发现gfans.org的风格不错,于是就准备"拿来"为我所用.
    后来仔细一看,他并没有修改过MT(我的BLOG也是MT架设的)默认的模板,心中大喜,于是直接将对方的样式表放到了我的网站里面,结果,我的只能在IE下显示出效果,在火狐下却显示不出来效果.
    狂郁闷....由于小弟刚学网页制作,所以不知道为何故,故来经典论坛求教.
    望各位达人不要吝惜,指点一下.小弟先在这里谢谢大家了!
    网页代码:http://www.fxin.com/index.txt
    样式表代码:http://www.fxin.com/style.txt
     
  2. fxincom

    fxincom New Member

    注册:
    2005-12-12
    帖子:
    50
    赞:
    1
    自己顶一下
    在落伍,蓝色,站长资讯三个论求助.
    都没有人帮偶,郁闷!
     
  3. 不学无术

    不学无术 Ulysses 的元神

    注册:
    2005-08-31
    帖子:
    16,714
    赞:
    39
    Firefox 下显示 style.css 的 MIME 不是 text/css 而是 text/css 。你新建一份样式表文件,将 style.css 的文本内容复制过去看看。

    不过看了你的源代码,指定的是 MIME ,不知道会不会是编码问题。

    :)
     
  4. 不学无术

    不学无术 Ulysses 的元神

    注册:
    2005-08-31
    帖子:
    16,714
    赞:
    39

    附件文件:

  5. fxincom

    fxincom New Member

    注册:
    2005-12-12
    帖子:
    50
    赞:
    1
    非常感谢不学兄

    不过用你的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; }
    
    不知道什么地方出现了错误,望高手指教!谢谢:)
     
  6. fxincom

    fxincom New Member

    注册:
    2005-12-12
    帖子:
    50
    赞:
    1
    不过我把网页保存到本地就可以显示出来,放到网络上却显示不出来效果.郁闷死了!
     
  7. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    首先尝试去验证你的 CSS 文件,出现如下错误信息:

    但是将该文件下载,放到我的网站上,可以正常校验(虽然有一些校验错误)。

    我尝试在我的网页中连接你的 CSS 文件,错误结果一样。怀疑你的服务器没有使用正确的 MIME 处理 CSS 文件。这种错误在 IE 这种“包容性”很强的浏览器下是没有问题的,但是 FF 会比较挑剔。

    第二个问题,应该是由于 banner 的定位造成的,去掉其定位就可以看到边框了。个人对于定位也不了解,所以如何解决,尚无能为力。
     
  8. fxincom

    fxincom New Member

    注册:
    2005-12-12
    帖子:
    50
    赞:
    1
    非常感谢Ulysses!