【问题标题】:Arranging Div Tags left, center & right左、中、右排列 div 标签
【发布时间】:2012-12-12 12:51:12
【问题描述】:

我的网站上有一个三栏。左、中和右Please click here to see。问题是,左侧和中心栏的代码出现在页眉中,而右侧条形码出现在网站的页脚中。

如果网页加载,首先加载左侧和中心,加载右侧栏需要时间。我试图将右侧栏也保留在标题中。我不明白。我只是将右侧栏的代码从页脚复制到页眉,但它不起作用。如果我确实喜欢这个,那么只有左右栏在那儿,但中心栏在两者下方。

我的标题代码

<div id="main-cont">
    <!-- IF S_IN_TOPIC -->
        <div id="main-cont-left" style="width:100%;">
    <!-- ELSE -->
        <div id="main-cont-left">
    <!-- ENDIF -->
    <!-- IF not (S_IN_UCP or S_IN_MCP or S_CLUBS ) -->
    <!-- INCLUDE sidebar_left.html -->
    <!-- IF S_IN_TOPIC -->
        <div id="main-cont-left-main" style="width:720px;">
    <!-- ELSE -->
        <div id="main-cont-left-main">
    <!-- ENDIF -->  
    <!-- ELSE -->
    </div></div><div id="page-body">
    <!-- ENDIF -->

我的页脚中的代码是

<!-- IF not (S_IN_UCP or S_IN_MCP) -->
</div>
<br style="clear:both;" />
</div>
<!-- IF not S_IN_TOPIC -->
    <!-- INCLUDE sidebar_right.html -->
<!-- ENDIF -->
<br style="clear:both;" />
</div>
<!-- ELSE -->
</div>
<!-- ENDIF -->

请提供我将保留在标题中的代码,以便同时加载所有栏。

【问题讨论】:

  • 根据您的页面,您在 div 中拥有所有这些列,id 为 page-body。那么,标题中似乎没有任何内容,您要更改什么?
  • 你想要 main-cont-right 到 main-cont-left 吗?在一个 div 内?
  • 一切都很好,但是加载sidebar_right.html需要一些时间,因为它位于页脚中。我想将此代码转移到标题。

标签: php html


【解决方案1】:

标题

<div id="main-cont">
<!-- IF S_IN_TOPIC -->
    <div id="main-cont-left" style="width:100%;">
<!-- ELSE -->
    <div id="main-cont-left">
<!-- ENDIF -->
<!-- IF not (S_IN_UCP or S_IN_MCP or S_CLUBS ) -->
<!-- INCLUDE sidebar_left.html -->
<!-- IF S_IN_TOPIC -->
    <div id="main-cont-left-main" style="width:720px;">
<!-- ELSE -->
    <div id="main-cont-left-main">
    <!-- INCLUDE sidebar_right.html -->
<!-- ENDIF -->  
<!-- ELSE -->
</div></div><div id="page-body">
<!-- ENDIF -->

页脚

<!-- IF not (S_IN_UCP or S_IN_MCP) -->
</div>
<br style="clear:both;" />
</div>
<br style="clear:both;" />
</div>
<!-- ELSE -->
</div>
<!-- ENDIF -->

作为模板将其包含在 IF not (S_IN_UCP 或 S_IN_MCP) & IF not S_IN_TOPIC 中,我只需将包含调用添加到相应的标头块中。

它通常可以工作(因为代码提供了以相同的方式加载左侧,仅上 3 行)但是因为我无法从他的系统中测试模板...

希望对你有帮助

【讨论】:

  • 我不知道为什么,但它不起作用。我怎样才能给你测试的文件。??
猜你喜欢
  • 2016-01-02
  • 2018-02-01
  • 2022-01-18
  • 2012-04-30
  • 1970-01-01
  • 2011-12-28
  • 2011-08-02
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多