当前位置： 文江博客话题详情

母版页帮助

发布于 2024-09-18 10:12:24 字数 251 浏览 5 评论 0原文

我对整个 html 和 css 场景有点陌生！我真正想做的就是有一个背景、中间的内容放置器和一个标题。一个例子是这样的：

http://img46.imageshack.us/img46/3751/ 38244782.png

有人可以帮我做一些像这样非常简单的事情吗？谢谢

原文

I am sort of new to the whole html and css scene! All I really want to do is have a background, the content placer in the middle, and a header. An example would be this:

http://img46.imageshack.us/img46/3751/38244782.png

Would someone please help me do something really simple like this? Thanks

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（1）

烟凡古楼 2024-09-25 10:12:24

然后将

<!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="headElement">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
    </head>

    <body>
    <div id="marginWrapper">
           <!-- Header -->
           <div id="pageHeader">Header</div>
           <!-- Body -->
           <div id="pageBody">
              <asp:ContentPlaceHolder ID="PageContent" runat="server" />
           </div>
    </div>
    </body>
</html>

其用作CSS

html, body
{
    height: 100%; 
    width: 100%; 
    padding: 0; 
    margin: 0; 
}

body 
{
    background: #F4F4F4 url('/_assets/images/backgr_grad.png') repeat-x 0 0;
    color: #284E98;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

#marginWrapper 
{
   width: 950px;
   height: 100%;
   margin: 0 auto;
   z-index: 1;
}


#pageHeader
{
    background: #ffffff;
    min-height: 76px;
    max-height: 76px;
    z-index: 1;
}

#pageBody
{
    background: #ffffff;
    z-index: 1;
}

Here it is

<!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="headElement">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
    </head>

    <body>
    <div id="marginWrapper">
           <!-- Header -->
           <div id="pageHeader">Header</div>
           <!-- Body -->
           <div id="pageBody">
              <asp:ContentPlaceHolder ID="PageContent" runat="server" />
           </div>
    </div>
    </body>
</html>

then use this as CSS

html, body
{
    height: 100%; 
    width: 100%; 
    padding: 0; 
    margin: 0; 
}

body 
{
    background: #F4F4F4 url('/_assets/images/backgr_grad.png') repeat-x 0 0;
    color: #284E98;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

#marginWrapper 
{
   width: 950px;
   height: 100%;
   margin: 0 auto;
   z-index: 1;
}


#pageHeader
{
    background: #ffffff;
    min-height: 76px;
    max-height: 76px;
    z-index: 1;
}

#pageBody
{
    background: #ffffff;
    z-index: 1;
}
回复 原文
~没有更多了~

关于作者

○愚か者の日

暂无简介

0 文章
0 评论
24 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

留蓝

文章 0 评论 0

18790681156

文章 0 评论 0

zach7772

文章 0 评论 0

Wini

文章 0 评论 0

ayeshaaroy

文章 0 评论 0

初雪

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文