CSS+DIV firefox是正常的,但就是IE总是错位

页面框架是这样的,主页面分左,中,右三个部分中又分为上,中左,中中和中右,下firefox是正常的,但就是IE总是错位,请大家帮一下忙！HTML:<!DOCTYPE... 页面框架是这样的,主页面分左,中,右三个部分中又分为上,中左,中中和中右,下 firefox是正常的,但就是IE总是错位,请大家帮一下忙！ HTML: <!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 </title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="line_left"> </div> <div id="line_right"> </div> <div id="content">  <div id="header"> </div>  <div id="left"> </div>  <div id="right"> </div>  <div id="middle"> </div>  <div id="footer"> </div> </div> </div> </body> </html> CSS: @charset "utf-8"; /* ---------------------frame-------------------------------- */ body { text-align:center; } #container { width:797px; height:1080px; margin:0 auto; text-align:left; clear:both; } #line_left { background-image:url(../images/default_01.gif); vertical-align:top; background-repeat:repeat-y; width:25px; height:1080px; float:left; } #line_right { background-image:url(../images/default_03.gif); background-repeat:repeat-y; vertical-align:top; width:25px; height:1080px; float:right; } #content { margin: 0px; padding:0px 25px 0px 25px; } /* ------------------head------------------------------*/ #header { background:#66FF00; width: 747px; height:76px; float:left; } /* ------------------left------------------------------*/ #left { background:#66FF66; width: 170px; height:990px; float:left; } /* ------------------middle------------------------------*/ #middle { background:#000000; margin: 0px; padding:76px 576px 0px 170px; height: 990px; } /* ------------------right------------------------------*/ #right { background:#CCCCCC; width: 576px; height:990px; float:right; } /* ------------------footer------------------------------*/ #footer { background:#00FFFF; width: 747px; height:14px; float:left; } 谢谢！. 展开

 我来答

4个回答

#热议# 为什么说不要把裤子提到肚脐眼？

sunshuxia1
2011-11-24 · TA获得超过109个赞

知道小有建树答主

回答量：96

采纳率：0%

帮助的人：60.6万

我也去答题访问个人页

关注

展开全部

我改了一下，你参考下，有什么不懂再问我吧。
<!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 </title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="line_left"> </div>
<div id="line_right"> </div>
<div id="content">

<div id="header"> </div>

<div id="left"> </div>

<div id="middle"> </div>

<div id="right"> </div>
<div style="clear:both"></div>


<div id="footer"> </div>

</div>
</div>
</body>
</html>

<style>
/*---------------------frame-------------------------------- */
body { text-align:center; }
#container { width:797px; height:1080px; margin:0 auto; text-align:left; clear:both; }
#line_left { background-image:url(../images/default_01.gif); vertical-align:top; background-repeat:repeat-y; width:25px; height:1080px; float:left; } #line_right { background-image:url(../images/default_03.gif); background-repeat:repeat-y; vertical-align:top; width:25px; height:1080px; float:right; } #content { margin: 0px; height:990px; float:left;}

/* ------------------head------------------------------*/
#header { background:#66FF00; width: 747px; height:76px; float:left; }
/* ------------------left------------------------------*/
#left { background:#66FF66; width: 170px; height:990px; float:left; border-right:1px solid #000000 }
/* ------------------right------------------------------*/
#right { background:#CCCCCC; width: 576px; height:990px; float:right;}
/* ------------------footer------------------------------*/
#footer { background:#00FFFF; width: 747px; height:14px; float:left; }
</style>

已赞过 已踩过<

评论收起

Yue子午Dui
2011-11-24 · TA获得超过761个赞

知道小有建树答主

回答量：651

采纳率：0%

帮助的人：840万

我也去答题访问个人页

关注

展开全部

你层的布局写的就有问题，我给你修改了下，你参考看看

<!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 </title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
/* ---------------------frame-------------------------------- */
body{margin:0;padding:0;ext-align:center; }
#container {width:797px;height:1080px;margin:0 auto;background:#009933;}
#content {margin:0 auto;width:747px;height:1080px; background:#CC0033}
#header {background:#000; width: 747px; height:76px;}
#left { background:#fff; width: 170px; margin-right:3px;height:990px;float:left;}
#middle { background:#FF9900; margin: 0px; width:400px;float:left;height: 990px; }
#right { background:#CCCCCC; width: 170px; height:990px;float:right;}
#footer { background:#00FFFF; width: 747px; height:14px;float:left;}
-->
</style>
</head>
<body>
<div id="container">
	<div id="content">
		<div id="header"><!-- header --></div>
		<div id="left"><!-- left --></div>
		<div id="middle"><!-- middle --></div>
		<div id="right"><!-- right --></div>
		<div id="footer"><!-- footer --></div>
	</div>
</div>
</body>
</html>


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

死亡冰剑
2011-11-23 · TA获得超过244个赞

知道小有建树答主

回答量：435

采纳率：66%

帮助的人：206万

我也去答题访问个人页

关注

展开全部

给left加上display:inline
外面两行最好用绝对定位中间给宽度

已赞过 已踩过<

评论收起

xadwang
2011-11-25 · 超过21用户采纳过TA的回答

知道答主

回答量：111

采纳率：0%

帮助的人：78.4万

我也去答题访问个人页

关注

展开全部

已赞过 已踩过<

评论收起

更多回答（2）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

CSS+DIV firefox是正常的,但就是IE总是错位

其他类似问题

为你推荐：