如何利用iframe使得导航条始终位于标题栏下面呢?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

如何利用iframe使得导航条始终位于标题栏下面呢?

2016-05-27 16:37:13 1986 1

是这样的,现在有一个网页文件。如下图所示:
screenshot
screenshot

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <style type="text/css">
            body {
                margin: 0px;
                font-family: Arial;
            }
            div {
                width: 100%;
                height: 100%;
                position: absolute;
            }
            .introduce {
                width: 96%;
                padding: 45px 2%;

            }
            .head_info {
                position: fixed;
                z-index: 1;
            }
            #profileAccount div {
                margin-left: -13px;
                float: left;
                width: 12px;
                position: absolute;

            }
            .forLeft {
                margin-left: -20px;
            }
            a {
                float: left;
                position: relative;
                left: 10px;
                top: 7px;
            }
            img {
                width: 20px;
                height: 27px;
            }
            .title {
                width: 100%;
                height: 40px;
                background-color: #00013D;
                color: #fff;
                text-align: center;
                line-height: 40px;
                font-size: 18px;
            }
        </style>
    </head>
    <body>
        <div class="head_info">
            <a href="../help_en.html" target="_self"><img src="../images/but_back.png"/></a>
            <div class="title">
                My Account
            </div>
        </div>

        <div class="introduce" id="profileAccount" >
            In this menu you can find and manage:
            <ul class="forLeft">
                <li>
                    Under my “<b>My On Demand</b>” menu:
                </li>
                <li style="margin-left: 14px;list-style: none;">
                    <div>
                        -
                    </div>
                    your “<b>Bookmarks</b>”: movies that you have start watching so that you can continue from where you have left it off, to any of your registered devices
                </li>
                <li style="margin-left: 14px;list-style: none;">
                    <div>
                        -
                    </div>
                    your “<b>Favorites</b>”: so you can easily find the On Demand titles that you like
                </li>
                <li>
                    Your “<b>Favorite channels</b>”. By pressing edit you can easily add/delete channels to/from your favorites. The editing of favorites is common for OTE TV and OTE TV GO channels
                </li>
                <li>
                    The “Reminders” that you have set through the program guide
                </li>
                <li>
                    The “Rental history” of your account, which is available only under the admin profile
                </li>
            </ul>
            In the “Profile management” menu you can change your access rights and your login name and pin or you can bind/unbind your Facebook and Twitter account.
            <br />
            <br />
            The administrator of the account (initial profile) can create up to five (5) sub- profiles and grant/define certain rights to them.
            <br />
            <br />
            In order to create a profile you need to set:
            <ul class="forLeft">
                <li>
                    <b>Login Name.</b> The Login Name must contain at least one letter, must be 5-32 characters long and can also contain numbers, (.) and (_). Additionally, the login name should be available and not already in use by another customer or profile of your account
                </li>
                <li>
                    <b>Name.</b> The Name of the Profile must contain at least one letter, must be 1-32 characters long and can also contain numbers, (.) and (_). Additionally, the profile name should be available and not already in use by another profile under your account
                </li>
                <li>
                    <b>PIN.</b> The pin can be 4-12 digits long
                </li>
                <li>
                    <b>Avatar (image)</b> from the available images
                </li>
                <li>
                    <b>Parental control rating.</b> The default level is set at “all ages admitted”
                </li>
                <li>
                    <b>Monthly rental allowance</b> in euro (€), according to which the profile has the right to rent movies on OTE Cinema On Demand up to a certain amount of money. The default level is set to “No limit”
                </li>
            </ul>
            Additionally, you can lock any channels or the OTE Cinema on Demand catalogues.
            <br />
            <br />
            The new profile can login with the Login name/Pin that you created for him directly to any of your registered devices.
        </div>

    </body>
</html>
Go
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:18:14
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8" />
        <style type="text/css">
            body {
                margin: 0px;
                font-family: Arial;
            }
            div {
                width: 100%;
                height: 100%;
                position: absolute;
            }
            .introduce {
                width: 96%;
                padding: 45px 2%;
    
            }
            .head_info {
                position: fixed;
                z-index: 1;
            }
            #profileAccount div {
                margin-left: -13px;
                float: left;
                width: 12px;
                position: absolute;
    
            }
            .forLeft {
                margin-left: -20px;
            }
            a {
                float: left;
                position: relative;
                left: 10px;
                top: 7px;
            }
            img {
                width: 20px;
                height: 27px;
            }
            .title {
                width: 100%;
                height: 40px;
                background-color: #00013D;
                color: #fff;
                text-align: center;
                line-height: 40px;
                font-size: 18px;
            }
        </style>
    </head>
    <body ***style="overflow: hidden"***>
    <div class="head_info" ***style="height: 40px"***>
        <a href="../help_en.html" target="_self"><img src="../images/but_back.png"/></a>
        <div class="title">
            My Account
        </div>
    </div>
    
    <div class="introduce" id="profileAccount" ***style="overflow-y: auto;margin-top: 40px"***>
        In this menu you can find and manage:
        <ul class="forLeft">
            <li>
                Under my “<b>My On Demand</b>” menu:
            </li>
            <li style="margin-left: 14px;list-style: none;">
                <div>
                    -
                </div>
                your “<b>Bookmarks</b>”: movies that you have start watching so that you can continue from where you have left it off, to any of your registered devices
            </li>
            <li style="margin-left: 14px;list-style: none;">
                <div>
                    -
                </div>
                your “<b>Favorites</b>”: so you can easily find the On Demand titles that you like
            </li>
            <li>
                Your “<b>Favorite channels</b>”. By pressing edit you can easily add/delete channels to/from your favorites. The editing of favorites is common for OTE TV and OTE TV GO channels
            </li>
            <li>
                The “Reminders” that you have set through the program guide
            </li>
            <li>
                The “Rental history” of your account, which is available only under the admin profile
            </li>
        </ul>
        In the “Profile management” menu you can change your access rights and your login name and pin or you can bind/unbind your Facebook and Twitter account.
        <br />
        <br />
        The administrator of the account (initial profile) can create up to five (5) sub- profiles and grant/define certain rights to them.
        <br />
        <br />
        In order to create a profile you need to set:
        <ul class="forLeft">
            <li>
                <b>Login Name.</b> The Login Name must contain at least one letter, must be 5-32 characters long and can also contain numbers, (.) and (_). Additionally, the login name should be available and not already in use by another customer or profile of your account
            </li>
            <li>
                <b>Name.</b> The Name of the Profile must contain at least one letter, must be 1-32 characters long and can also contain numbers, (.) and (_). Additionally, the profile name should be available and not already in use by another profile under your account
            </li>
            <li>
                <b>PIN.</b> The pin can be 4-12 digits long
            </li>
            <li>
                <b>Avatar (image)</b> from the available images
            </li>
            <li>
                <b>Parental control rating.</b> The default level is set at “all ages admitted”
            </li>
            <li>
                <b>Monthly rental allowance</b> in euro (€), according to which the profile has the right to rent movies on OTE Cinema On Demand up to a certain amount of money. The default level is set to “No limit”
            </li>
        </ul>
        Additionally, you can lock any channels or the OTE Cinema on Demand catalogues.
        <br />
        <br />
        The new profile can login with the Login name/Pin that you created for him directly to any of your registered devices.
    </div>
    
    </body>
    </html>
    0 0
相关问答

1

回答

使用DFA/NFA混合引擎的程序主要都有哪些呢?

2022-04-01 12:26:50 184浏览量 回答数 1

1

回答

ECS实例触发节省停机效果后,为什么立刻启动时会报错OperationConflict?

2021-12-18 12:19:00 304浏览量 回答数 1

1

回答

Hadoop中配置zookeeper日志存放位置创建logs目录的操作步骤以及代码分别是什么?

2021-12-06 07:32:14 161浏览量 回答数 1

1

回答

Hadoop中安装配置Zookeeper集群创建tmp目录的操作步骤以及代码分别是什么?

2021-12-06 07:30:08 117浏览量 回答数 1

0

回答

jvm调优过程中,大内存硬件上的程序部署策略是怎样的?

2021-11-04 10:43:19 237浏览量 回答数 0

1

回答

easyui 中主页面刷新iframe中的datagrid?报错

2020-06-14 17:34:18 342浏览量 回答数 1

0

回答

org.springframework.boot.autoconfig无法确定合适的驱动

2019-12-04 17:18:23 789浏览量 回答数 0

1

回答

Apache Flink - kafka生产者将消息传递给kafka主题,但在不同的分区上

2018-12-11 16:07:10 4854浏览量 回答数 1

1

回答

今天在cent7下面编译hadoop-snappy的时候,出现错误,各位大侠看能否指出问题

2018-11-06 17:05:19 1130浏览量 回答数 1

1

回答

怎么将数据库里读出的价格gprice显示到这个购物车的jsp页面中

2016-05-31 01:03:54 2118浏览量 回答数 1
+关注
0
文章
14879
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载