论坛徽章:: 0

电梯直达

1楼 [收藏(0)] [报告]

发表于 2006-09-21 08:38 |只看该作者 |倒序浏览

写了一个简单的网页，但没有得到想象中的显示效果：
HTML代码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>日语知识点滴</title>
<style type="text/css"
<!--
TD {
padding: 10px;
font-size: 14px;
line-height: 150%;
}
#mulu table {
color: #0000ff;
border-width: 1px;
font-size: 16px;
font-weight: bold;
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
#neirong table {
border-width: 0px;
margin-left: auto;
margin-right: auto;
padding: 15px;
width: 90%;
}
-->
</style>
</head>
<body>
<div id="mulu">
<table>
<tr>
<td>
<a href="#001">中国32省市日语读法</a>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</div>
<p><hr width=90%></p>
<div id="neirong">
<table>
<tr>
<td>
<a name="001">中国32省市日语读法</a><br>
<pre>
关于省会的读法有两种,按日文汉字音读用平假名,按中文发音用片假名.
1,直辖市:
北京市ペキン市
天津市テンシン市
上海市シャンハイ市
重庆市じゅうけい市
2,自治区:
内蒙古自治区うちもうこじちく (首府フホウト)
新疆维吾尔自治区しんきょうウイグルじちく (首府ウルムチ)
宁夏回族自治区ねいかかいぞくじちく (首府ぎんせん,インツアン)
广西壮族自治区こうせいチワンぞくじつく (首府ナンイン)
西藏自治区チベットじちく (首府ラサ)
3,省:
黑龙江省こくりゅうこうしょう (省会ハルピン)
吉林省きつりんしょう (省会ちょうしゅん,チャンツン)
辽宁省りょうねいしょう (省会しんよう,センヤン)
河北省かほくしょう (省会せつかしょう,シジャツアン)
河南省かなんしょう (省会ていしゅう,ゼンゾウ)
山东省さんとうしょう (省会さいなん,チーナン)
山西省さんせいしょう (省会たいげん,たいンユァン)
湖南省こなんしょう (省会ちょうさ,チヤンサー)
湖北省こほくしょう (省会ぶかん,ウーハン)
江苏省こうそしょう (省会ナンキン)
安徽省あんきしょう (省会ごうひ,ホウヘイ)
浙江省せっこうしょう (省会こうしゅう,ハンジョウ)
福建省ふっけんしょう (省会ふくしゅう,フウジョウ)
江西省こうせいしょう (省会なんしょう,ナンチヤン)
广东省カントンしょう (省会こうしゅう,ぐアンジョウ)
海南省かいなんしょう (省会かいこう,ハイコウ)
贵州省きしゅうしょう (省会きよう,クイヤン)
云南省うんなんしょう (省会こんめい,クンミン)
四川省しせんしょう (省会せいと,チエンドー)
陕西省せんせいしょう (省会せいあん,しいアン)
青海省せいかいしょう (省会せいねい,シイニン)
甘肃省かんしゅくしょう (省会らんしゅう,ランジョウ)
台湾省たいわんしょう (省会たいほく,タイベイ)
4,特别行政区
香港特别行政区ホンコンとくべつぎょうせいく
澳门特别行政区マカオとくべつぎょうせいく
</pre>
</td>
</tr>
</table>
</div>
</body>
</html>

复制代码

问题有三：
第一，为何#mulu中表格的边框没有显示？
第二，看到一篇文章中讲margin-left: auto;margin-right: auto;可以使元素居中显示，在Firefox中是这样的，但IE中没有任何作用，是浏览器对CSS的支持不同吗？另外，第二个表格<pre>标签中使用了TAB键，IE显示的是对齐的，Firefox中却不是
第三，charset设为UTF-8，两个浏览器均显示为乱码，而设为GBK则正常，是什么原因？我的系统是Win2k Pro简体中文版，编辑器为UltraEdit 9。

另外，还有一个问题请教：
作web开发，需要用哪几种浏览器来作测试？

提前谢过！！！

文库|博客

guzhou

丰衣足食

论坛徽章:: 0

2楼 [报告]

发表于 2006-09-21 08:51 |只看该作者

截图

两个浏览器效果的截图

ff.jpg (141.54 KB, 下载次数: 33)

ie.jpg (166.68 KB, 下载次数: 35)

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

dz902

小富即安

论坛徽章:: 0

3楼 [报告]

发表于 2006-09-21 14:40 |只看该作者

1. 边框的话，用 border: 1px solid blue 这个格式试试。

格式： boreder: <宽> <样式> <色>

2. IE6 对 CSS 支持不够，需要为表格的容器加上 text-align:center。另外，需要对齐的数据，最好用 table 而不是 tab 字符。

3. charset 必须和文件编码一致，这个可以在保存的时候选择。

Web 开发基本上用 Firefox 测试就可以了，因为有 IE tab 扩展，可以直接在 Fx 下用 IE 的引擎，免得开多个浏览器。另外 Dreamweaver 有浏览器兼容测试。