WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:ブラウザによって線が見えない

0:[投稿] トート [2007/06/20 09:41 ] [環境:IE6 sleipnir sylera わからない ローカル]

短期間で(というよりまだ解決してない)ですが
どうしても分からないので質問させてください。

質問の内容は↓のソースを見るとIEではボーダーが見えるのですが、
syleraや狐で見ると線が見えません
どうしたら良いか教えていただけませんか?

--------------HTML
<?xml version="1.0" encoding="euc-jp"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp" />
<link rel="stylesheet" href="style.css" type="text/css" />
<title>タイトル</title>
</head>
<body>
<div class="my_body">
    <div class="my_header"><h1>Title</h1></div>
    <div class="my_contents">
        <div class="my_contents2">
            <div class="contents"><h2>SUB TITLE</h2><p>text text text text text text text text text text text text text text text text text text text</p><p>text text text text text text text text text text</p></div>

            <div class="contents"><h2>SUB TITLE</h2><p>text text text text text text text text text text text text text text text text text text text</p><p>text text text text text text text text text text text text text text text text text text text text text text </p></div>
        </div>
    </div>
    <div class="my_navigation">
        <div class="my_navigation2">
            <ul>
                <li><a href="">MENU</a>
                <li>MENU</li>
                <li>MENU</li>
                <li>MENU</li>
                <li>MENU</li>
                <li>MENU</li>
                <li>MENU</li>
                <li>MENU</li>
                <li>MENU</li>
                <li>MENU</li>
            </ul>
        </div>
    </div>
    <div class="my_footer"><p>FOOTER</p></div>
</div>
</body>
</html>

--------------CSS
*{
margin:0;
padding:0;
font-size:12px;
}
body {
width:100%;
text-align:center;
}
li {
list-style:none;
}
h1{
padding-left:20px;
}
div.my_body{
margin:0 auto;
width:850px;
>border-left:1px solid #fff;
>border-right:1px solid #fff;
margin-left:auto;
margin-right:auto;
text-align:left;
}
div.my_header{
width:100%;
border-bottom:2px solid #fff;
height:50px;
}
div.my_contents{
float:right;
display:inline;
margin: 10px;
width: 602px;
}
div.my_contents2{

}
div.contents{
overflow: hidden;
border:1px solid #00000;
margin-bottom: 30px;
}
div.contents h2{
border-bottom:0px solid #00000;
font-size:15px;
}
div.contents p{
margin:0 20px;
}
div.my_navigation{
float:left;
display:inline;
width: 208px;
margin: 10px;
}
div.my_navigation2{
overflow: hidden;
border:1px solid #00000
}
div.my_navigation li{
margin:0 20px;
}
div.my_footer{
width:100%;
clear:both;
border-top:1px solid #00000;
text-align:center;padding:1em 0;
}


1:[回答] うどん42杯目 [2007/06/20 09:57 ]

「黒」の部分の色コードを
#000000 か #000 に修正すれば表示されます。


2:[質問] トート [2007/06/20 11:15 ]

返答ありがとうございます
無事表示されました
ですが、どういう時に#000000ではいけないのか分からないのですが、
そこの所も良かったら教えていただけませんか?


3:[回答] 神崎 [2007/06/20 14:26 ]

色の指定は3桁か6桁でなければ行けません。


4:[完了] トート [2007/06/20 20:51 ]

6桁のつもりで#00000と書いてましたorz
どうもありがとうございました

回答(必須): 状態:

お名前(必須):

URL:




[戻る]