0

我有一个非常烦人的问题。我已经使用 CSS 对我的网站进行了设计，它似乎在 Google Chrome 和 IE 中运行良好，但 CSS 设计并非全部在 Firefox 中运行。可能是什么问题，我尝试了很多东西仍然无法正常工作。由于不允许新用户发布图像。我无法用屏幕截图解释。

我在 Index.php 中的代码

     <!Doctype html>
     <html lang="en">
     <title>Online Voting RTC</title>
     <head>


     <link type="text/css" rel="stylesheet"  href="css\style.css">
     <script type="text/javascript" src="js\create_text_box.js">
     </script>

     </head>
     <body>
     <div id="wapper">
        <!-- Define Header -->
        <?php include("header.php"); ?>
        <!-- End Header -->

        <!-- Main content area -->
        <?php include("maincontent.php");?>
        <!-- End of Main content area -->

        <!-- Left Sidebar -->
        <?php include("sidebar.php");?>
        <!-- End Left Sidebar -->


        <!-- Footer -->
        <?php include("footer.php");?>
        <!-- End of Footer -->
     </div>
     </body>
     </html>

这是CSS部分

 body {
background: #ffffff;
margin: 0;
padding: 0;
}

#wrapper {
    width: 100%;
    height: 100px;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    background: #dddddd;
}

#header {
width: 100%;
height: 100px;
margin: 0;
padding: 0;
border: 0;
float: left;
background: #403cf7;
}

.logo {
    float:left;
    position:relative;
    left:20px;
    top:20px;
}

.pagetitle {
    float:left;
    position:relative;
    left:550px;
    top:20px;
}
 .usermenu {
    float:right;
    position:relative;
    right:20px;
    top:20px;
 }

 #sidebar {
width: 20%;
height: 600px;
margin: 0;
padding: 0;
border: 0;
float: left;
background: #ffff99;
text-align: center;
  }

 #maincontent {
width: 80%;
height: 600px;
margin: 0;
padding: 0;
border: 0;
float: right;
background: #95dff8;
}

#footer {
width: 100%;
height: 70px;
margin: 0;
padding: 0;
    border: 0;
    float: left;
    background: #272727;
}

/*-----------------------------------------CSS for navigation    Menu------------------------*/
  #navMenu{
color:#d4d3d3;
font-family:Geneva;
float:left;

 }

  #navMenu ul li a{

text-decoration:none;
color:#989694;
}

 #navMenu ul li a:hover{
color:#f46322;
}


 #navMenu ul{
padding:0;
 margin:0;
margin-left:25px;
list-style:none;
position:relative;
left:20px;
top:20px;
 }
/*----------------------------------------------------------------------------------------*/

如果有人能在这种情况下帮助我，我将不胜感激。实际上我正在检查浏览器兼容性，我遇到了这个问题。提前致谢

4

4 回答 4

3

URL 中不允许使用字符“\”（反斜杠）；将其更改为“/”（正斜杠）。一些浏览器将不正确的“\”隐式转换为“/”。

于 2012-07-24T07:28:13.237 回答
1

尝试删除 type="text/css"。

您的代码应如下所示：

<link rel="stylesheet" href="css/style.css">
于 2014-11-30T02:48:24.453 回答
0

你需要关闭你的链接标签

<link type="text/css" rel="stylesheet"  href="css/style.css" />

如果您的 css 文件夹不在您网站的路由目录中，您最好使用

<link type="text/css" rel="stylesheet"  href="/css/style.css" />

因为如果您将页面移动到不同的文件夹，这仍然有效。

您还需要在 HEAD 元素中移动您的标题标签以使 HTML 有效。

于 2012-07-24T07:36:04.227 回答
0

我也有这个问题。一旦我从容器类中删除了 -1 的 z-index。链接再次开始工作。

于 2013-08-21T23:32:57.307 回答