0

私は非常に厄介な問題を抱えています。CSS を使用してサイトのデザインを作成しました。Google Chrome と IE では完全に機能するようですが、Firefox では CSS のデザインがすべて機能するわけではありません。何が問題なのか、私はまだうまくいかないことをたくさん試しました。新規ユーザーは画像を投稿できません。スクリーンショットでは説明できません。

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;
 }
/*----------------------------------------------------------------------------------------*/

この場合、誰かが私を助けてくれればとてもありがたいです。実際、ブラウザの互換性を確認していたところ、この問題に遭遇しました。前もって感謝します:D

4

4 に答える 4

3

文字「\」(バックスラッシュ) は URL では使用できません。「/」(通常のスラッシュ)に変更します。一部のブラウザは、誤った「\」を「/」に暗黙的に変換します。

于 2012-07-24T07:28:13.237 に答える
0

リンクタグを閉じる必要があります

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

cssフォルダーがサイトのルートディレクトリから外れている場合は、使用したほうがよいでしょう

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

ページを別のフォルダに移動しても、これは機能します。

また、HTML を有効にするために、タイトル タグを HEAD 要素内に移動する必要があります。

于 2012-07-24T07:36:04.227 に答える