修改CSS代码兼容浏览器

来源:百度知道 编辑:UC知道 时间:2024/05/25 01:19:22
这CSS代码在IE6里看着没事,在FirFox中就不行,谁能帮我改一下,让FF中看着效果和IE6里一样就行。(以IE6效果为准)
主要就是两个问题,一个是PageBody中如果不设float:left在FF中就显示不出来,设上以后又不能居中。
二就是Sidebar侧边栏有初使高度,如果换行多,超出高度时在IE6可以自适应,但在FF中就行不了。

以下是代码,希望有兄弟能帮一把。

页面代码:
<!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">
<head>
<meta http-equiv="Content-Tyep" content="text/html; charset=gb2312" />
<title>页面</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>

<body>
<CENTER>
<div id="container"><

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
/*基本信息*/
*{ margin: 0 auto;}
body{font:12px Tahoma; width:800px; }

/*页面层容器*/
#container{background:#000;}

/*页面头部*/
#Header{text-align:center;width:800px;margin-left:auto;margin-right:auto;margin-top:0px;height:100px;background:#ffcc99;border:#0000FF 1px solid}

/*页面主体*/
#PageBody{ text-align:left;