您所在的位置: 程序员家园 -> 家园博客 ->
 
在哪里摔倒
就在哪里自己爬起来

用户登录

查  找

最新评论

最新留言

常用网站

网易邮箱 GMAIL  

百度搜索 MSDN

霏凡软件 BT精品

影视帝国 射 手 网

电驴下载 全 库 网

友情连接

茄菲的窝 冰冰博客

枫叶飘零 玫  瑰

ACEN 云 豹 子

统  计



设置了float设置的div的父级div,底图不显示的解决办法
狼子 发表于 2008-6-9 20:02:00 阅读全文 | 回复(0) | 引用通告 | 编辑

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 id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>testCss</title>
    <link rel="stylesheet" href="/App_Themes/testCss.css" type="text/css" />
</head>
<body>
    <div id="mainBody">
        <div id="leftBody">
            <p>主要内容</p>
            <p>主要内容</p>
            <p>主要内容</p>
        </div>
        <div id="rightBody">
            <p>右侧内容</p>
            <p>右侧内容</p>
            <p>右侧内容</p>
        </div>
    </div>
</body>
</html>

css代码:

body { width:960px; margin:0px auto; overflow:hidden; background-color:Black; }
div, p { padding: 0px; border: 0px; font-family:"宋体", arial; font-size:12px; overflow:hidden; color:Black; }
div { margin:0px; }

#mainBody { width:960px; padding-left:8px; padding-right:5px; background-color:#EAC263; background-image:url("/images/mainBg.jpg"); background-repeat:repeat-y; }
#leftBody, #rightBody { float:left; }
#leftBody { width:622px; padding:19px 50px 30px 38px; }
#rightBody { width:237px; }

看红色的那个width设置,如果不设置width,mainBody的底图和底色在ie6下都不显示,解决办法就是加上这个width的设置

发表评论:

    昵称:
    密码:
    主页:
    标题:
Powered by Oblog.