1. ホーム
  2. 質問と答え
  3. 私のウェブサイトはうまくいかない

私のウェブサイトはうまくいかない

2012-03-29 4 views
0

こんにちは私は400ページ以上のコーディングでテンプレートとロールプレイングゲームを作ったので、ユーザーはページがうまく動かないと言いました。私はfirefoxとchromeで自分のウェブサイトを見て、うまく動作しています。しかし、私はそれを見て、それは混乱したページを示しています。 私は私のウェブサイトはうまくいかない

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

を使用して試してみました。しかし（ログイン時に）私はまた、スクロールバーを持っている/ヘルプ機能せず、キーボードの左または右キーを使って、ページの左または右への上にシャッフル場合スライドバーは下にスライドしません。 テンプレートは左から右に移動しないように、つまりテンプレートは左から右に移動しないようにします。誰もがすなわちでそれを見ると、私が何を意味するか見CNAのように、ここで

は私のCSSは

html 
{ 
    background: url(../images/background.png); 
    background-color: transparent; 

} 

body { 
    width: 1000px; 
    margin: auto; 
    padding: 0; 
    text-align: center; 
    color: #000000; 
    font-family: verdana; 
    font-size: 0.7em; 
} 

.auction_box 
{ 
display:inline-block ; 
} 


div.container 
{ 
    width:100%; 
    height:100%; 
    position:absolute; 
    margin:auto; 
} 


div.holder 
{ 
    width:990px; 
    background-color:#d7f7f7; 
    height:100%; 
    margin:auto; 
    margin-top:0px; 
    background-image:url('../images/swampertbackground.png'); 
    background-repeat:no-repeat; 
    background-position:bottom center; 
} 
#container{ 
    height: 100%; 
    width: 1000px; 
    background-color: #d7f7f7; 
    position: fixed; 
    border-bottom-left-radius:10px; 
    border-bottom-right-radius:10px; 
    border-top-left-radius:10px; 
    border-top-right-radius:10px; 
    border-left: solid #25a5a6 2px; 
    border-right: solid #25a5a6 2px; 
    overflow-y: auto; 
    overflow-x: auto; 
} 
div.banner 
{ 
    height:125px; 
    width:700px; 
    display:block; 
    position:absolute; 
    margin-top:2px; 
    margin-left:140px; 
    background-color:#FFF; 
    border-bottom-left-radius:7px; 
    border-bottom-right-radius:7px; 
    border-top-left-radius:7px; 
    border-top-right-radius:7px; 
    border: solid #25a5a6 1px; 
    background-image:url('../images/banner.png'); 
    box-shadow: 3px 3px 3px #4b8384; 
} 

ul , li 
{ 
    margin:0px; 
    padding:0px; 
    list-style:none; 

} 
div.left_navigation 
{ 
    position:absolute; 
    margin-left:5px; 
    margin-top:150px; 
    box-shadow: 3px 3px 3px #4b8384; 
    border-top-left-radius:7px; 
    border-top-right-radius:7px; 
    border-bottom-left-radius:7px; 
    border-bottom-right-radius:7px; 
    width: 152px; 
} 

div.leftside2_navigation 
{ 
    position:absolute; 
    margin-left:5px; 
    margin-top:280px; 
    box-shadow: 3px 3px 3px #4b8384; 
    border-top-left-radius:7px; 
    border-top-right-radius:7px; 
    border-bottom-left-radius:7px; 
    border-bottom-right-radius:7px; 
    width: 152px; 
} 

div.left_navigation2 
{ 
    position:absolute; 
    margin-left:5px; 
    margin-top:330px; 
    box-shadow: 3px 3px 3px #4b8384; 
    border-top-left-radius:7px; 
    border-top-right-radius:7px; 
    border-bottom-left-radius:7px; 
    border-bottom-right-radius:7px; 
} 

div.clans 
{ 
    position:absolute; 
    margin-left:5px; 
    margin-top:410px; 
    box-shadow: 3px 3px 3px #4b8384; 
    border-top-left-radius:7px; 
    border-top-right-radius:7px; 
    border-bottom-left-radius:7px; 
    border-bottom-right-radius:7px; 
} 

div.left_navigation3 
{ 
    position:absolute; 
    margin-left:5px; 
    margin-top:525px; 
    box-shadow: 3px 3px 3px #4b8384; 
    border-top-left-radius:7px; 
    border-top-right-radius:7px; 
    border-bottom-left-radius:7px; 
    border-bottom-right-radius:7px; 
} 
div.left_navigation4 
{ 
    position:absolute; 
    margin-left:5px; 
    margin-top:620px; 
    box-shadow: 3px 3px 3px #4b8384; 
    border-top-left-radius:7px; 
    border-top-right-radius:7px; 
    border-bottom-left-radius:7px; 
    border-bottom-right-radius:7px; 
} 
div.left_navigation5 
{ 
    position:absolute; 
    margin-left:5px; 
    margin-top:680px; 
    box-shadow: 3px 3px 3px #4b8384; 
    border-top-left-radius:7px; 
    border-top-right-radius:7px; 
    border-bottom-left-radius:7px; 
    border-bottom-right-radius:7px; 
} 

div.left_navigation6 
{ 
    position:absolute; 
    margin-left:5px; 
    margin-top:750px; 
    box-shadow: 3px 3px 3px #4b8384; 
    border-top-left-radius:7px; 
    border-top-right-radius:7px; 
    border-bottom-left-radius:7px; 
    border-bottom-right-radius:7px; 
} 

li.header 
{ 
    width:150px; 
    height:14px; 
    background-color:#54c0c1; 
    border:1px #188c8d solid; 
    border-top-left-radius:7px; 
    border-top-right-radius:7px; 
    background-image:url('../images/header.png'); 
    border-left:2px #188c8d solid; 
    color:#FFFFFF; 
    font-weight:900; 

} 
li.links 
{ 
    width:150px; 
    height:16px; 
    background-color:#c1f9fa; 
    border-bottom:1px #188c8d solid; 
    border-left:2px #188c8d solid; 
    border-right:1px #188c8d solid; 
    color:#074647; 

} 

li.links:hover 
{ 
    background-color:#FFFF00; 
    color:#296584; 
    font-weight:bold; 
    text-shadow: 1px 2px 2px #0096ff; 

} 
li.footer 
{ 
    width:150px; 
    height:9px; 
    border-bottom-left-radius:7px; 
    border-bottom-right-radius:7px; 
    background-image:url('../images/header.png'); 
    border-bottom:1px #188c8d solid; 
    border-left:2px #188c8d solid; 
    border-right:1px #188c8d solid; 
} 
div.centerboxholder 
{ 
    position:absolute; 
    top:150px; 
    margin-left:165px; 
    width:661px; 
    border-top-left-radius:7px; 
    border-top-right-radius:7px; 
    border-bottom-left-radius:7px; 
    border-bottom-right-radius:7px; 
} 
div.centerbox 
{ 
    position:absolute; 
    width:661px; 
    border-top-left-radius:7px; 
    border-top-right-radius:7px; 
    border-bottom-left-radius:7px; 
    border-bottom-right-radius:7px; 
} 
li.chead 
{ 
    width:660px; 
    height:14px; 
    border-top-left-radius:7px; 
    border-top-right-radius:7px; 
    background-image:url('../images/header.png'); 
    border-left:2px #188c8d solid; 
    border-right:1px #188c8d solid; 
    border:1px #188c8d solid; 
    color:#FFFFFF; 
    font-weight:900; 
    box-shadow: 0px 0px 3px #4b8384; 
} 

li.ccontent 
{ 
    width:659px; 
    background-color:#c1f9fa; 
    border-bottom:1px #188c8d solid; 
    border-left:2px #188c8d solid; 
    color:#000; 
    font-size:0.9em; 
    border-right:1px #188c8d solid; 
    box-shadow: 3px 3px 3px #4b8384; 
} 
li.cfoot 
{ 
    width:659px; 
    height:9px; 
    border-bottom-left-radius:7px; 
    border-bottom-right-radius:7px; 
    background-image:url('../images/header.png'); 
    border-bottom:1px #188c8d solid; 
    border-left:2px #188c8d solid; 
    border-right:1px #188c8d solid; 
    box-shadow: 3px 3px 3px #4b8384; 
} 

div.right_navigation 
{ 
    position:absolute; 
    margin-left:834px; 
    top:150px; 
    box-shadow: 3px 3px 3px #4b8384; 
    border-top-left-radius:7px; 
    border-top-right-radius:7px; 
    border-bottom-left-radius:7px; 
    border-bottom-right-radius:7px; 
} 

table 
{ 
    padding:0px; 
    margin:0px; 
    border: 0px; 
    font-size:0.9em; 
    font-weight:bold; 
    color:#000; 
} 

td 
{ 
    border:1px #188c8d solid; 
    width:200px; 
    text-align:center; 
} 

#textfield 
{ 
    color: #000000; 
    font-family: verdana; 
    font-size: 1em; 
    font-weight: bold; 
    background-color:#e2fffc; 
    border:1px #188c8d solid; 
    border-radius:5px; 
} 
#gender 
{ 
    color: #000000; 
    font-family: verdana; 
    font-size: 1em; 
    font-weight: bold; 
    background-color:#e2fffc; 
    border:1px #188c8d solid; 
    border-radius:5px; 
    width:110px; 
    padding:0px; 
} 
#gendertop 
{ 
    color: #000000; 
    font-family: verdana; 
    font-size: 1em; 
    font-weight: bold; 
    background-color:#e2fffc; 
    border:1px #188c8d solid; 

} 
#genderbottom 
{ 
    color: #000000; 
    font-family: verdana; 
    font-size:1em; 
    font-weight: bold; 
    background-color:#e2fffc; 
    border:1px #188c8d solid; 
} 

#button 
{ 
    background-color:Transperent; 
    color: #000000; 
    font-family: verdana; 
    font-size: 1em; 
    font-weight: bold; 
    background-color:#e2fffc; 
    border:1px #188c8d solid; 
    width:100px; 
    padding-top:0px; 
    margin:0px; 
    height:16px; 
    padding-bottom:5px; 
} 
#Avatar 
{ 
    color: #000000; 
    font-family: verdana; 
    font-size: 1em; 
    font-weight: bold; 
    background-color:#e2fffc; 
    border:1px #188c8d solid; 
    border-radius:5px; 
    width:110px; 
} 
#changer 
{ 
    color: #000000; 
    font-family: verdana; 
    font-size: 1em; 
    font-weight: bold; 
    background-color:#e2fffc; 
    border-bottom:1px #188c8d solid; 


} 

li.topper 
{ 
    height:12px; 
    border:1px #188c8d solid; 
    border-top-left-radius:5px; 
    border-top-right-radius:5px; 
    background-image:url('../images/header.png'); 
} 
li.bottomer 
{ 

    border:1px #188c8d solid; 
    border-bottom-left-radius:5px; 
    border-bottom-right-radius:5px; 
    background-image:url('../images/header.png'); 
    height:12px; 
} 

#button:hover 
{ 
    cursor:pointer; 
} 
a:link { color:#296584; text-decoration:none;display:block;} 
a:visited { color:#296584; text-decoration:none;} 
a:hover { color:#296584; text-decoration:none;text-shadow: 1px 2px 2px #0096ff;} 
a:active {color:#296584; text-decoration:none; background-color:}

である私のウェブサイトのURLがpokemontoxic.netです。ありがとう

出典

2012-03-29 user1152332

+2

のように、クラスに属性IDを変更します。人々がIE8を使用しなくなった時代です< – karim79

+4

@ karim79私は感情に同意しますが、現実世界では実用的ではありません。 – DaveRandom

+0

これは非常に広いです。もちろん、あなたが支払っていない限り、IE用のCSSファイル全体をデバッグすることはできません。 –

答えて

2

Doctypeが間違っています。これに

<html> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

：

<!doctype html> 
<html>

あるいは、少なくとも彼らの場所を交換し、ページの上部には、これを変更します。第一

出典

2012-03-29 11:59:27 egasimus

+0

これはまだ動作しません。私はindex.phpの中でそれを取り巻きましたが、同じように見えます.... – user1152332

0

：

Emulate7がにすべてのIEブラウザを教えてくれますが、彼らはIE7をしているかのようにを行動するふり。ただ、これらの行削除：

<meta http-equiv="X-UA-Compatible" content="IE=7"/>

第二：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

、代わりに、あなたのサイトはIE7サポートを意味し、以下のコードを追加、あなたのCSSで

、あなたはdiv.containerを持っており、 div.holder、ドットは「クラス」を表しますが、<div id="container">と<div id="holder">です。だから、どちらかあなたはdiv#containerとdiv#holderにCSSを変更したり、あなたは世界に好意をやっている、これらのブラウザのバージョンをサポートすることを拒否することにより、この<div class="container">と<div class="holder">

出典

2012-04-07 11:40:23 evilReiko

関連する問題

 関連する問題