1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

可以这么布局么?

本帖由 artideo2006-03-25 发布。版面名称:新人报道

  1. artideo

    artideo New Member

    注册:
    2006-02-23
    帖子:
    5
    赞:
    0
    xhtml1-strict.dtd,
    让b1和a1平行,b2和a2平行,依次论推……
    IE里可以平行,FireFox就不行……咋办……:cry:
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    <!--
    .a {
        background-color: #CCCCCC;
        margin: 5px;
        float: left;
        clear: left;
        height: 50px;
        width: 53%;
    }
    .b {
        background-color: #999999;
        margin: 5px;
        float: right;
        clear: right;
        height: 50px;
        width: 43%;
    }
    -->
    </style>
    </head>
    <div class="a">a1</div>
    <div class="a">a2</div>
    <div class="a">a3</div>
    <div class="b">b1</div>
    <div class="b">b2</div>
    <div class="b">b3</div>
    <body>
    </body>
    </html>
    
    :cry:
     
  2. gojorare

    gojorare New Member

    注册:
    2006-03-05
    帖子:
    87
    赞:
    0
    :lol: 兄弟,这么些就没有问题了,应该是一个a,一个b那样的写!

    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style type="text/css">
    <!--
    .a {
        background-color: #CCCCCC;
        margin: 5px;
        float: left;
        clear: left;
        height: 50px;
        width: 53%;
    }
    .b {
        background-color: #999999;
        margin: 5px;
        float: right;
        clear: right;
        height: 50px;
        width: 43%;
    }
    
    -->
    </style>
    </head>
    <div class="a">a1</div>
    <div class="b">b1</div>
    <div class="a">a2</div>
    <div class="b">b2</div>
    <div class="a">a3</div>
    <div class="b">b3</div>
    <body>
    </body>
    </html>
    
     
  3. artideo

    artideo New Member

    注册:
    2006-02-23
    帖子:
    5
    赞:
    0
    这我当然知道了。
    就是因为smarty模板问题才不能那样的顺序写,因为a和b是两个文件。
    所以只有这样的方式布局。

    也不能使用绝对定位,上面的内容高度会变化的。
     
  4. gojorare

    gojorare New Member

    注册:
    2006-03-05
    帖子:
    87
    赞:
    0
    不知道你什么意思?也不知道用在什么地方,觉得没有那样用的必要
     
  5. shangjay

    shangjay New Member

    注册:
    2006-01-13
    帖子:
    3,530
    赞:
    15
    你写CSS 的时候 要以 FIREFOX为标准

    不要以IE为标准。
     
  6. artideo

    artideo New Member

    注册:
    2006-02-23
    帖子:
    5
    赞:
    0
    是啊,这次是领会到了。
    领会到IE是多么的垃圾。
    操!
     
  7. Ulysses

    Ulysses New Member

    注册:
    2006-02-05
    帖子:
    10,018
    赞:
    16
    你可以考虑将 a 相关的放到一个 DIV 中,b 相关的放到另一个中,让这两个 DIV 并列……

    HTML:
    <div>
      <div class="a">a1</div>
      <div class="a">a2</div>
      <div class="a">a3</div>
    </div>
    <div>
      <div class="b">b1</div>
      <div class="b">b2</div>
      <div class="b">b3</div>
    </div>
     
  8. oicq我爱玩

    oicq我爱玩 New Member

    注册:
    2006-01-27
    帖子:
    5,205
    赞:
    28
    gojorare 的站是WEB标准的哦~自己写的?还是改的?
     
  9. redfox

    redfox New Member

    注册:
    2006-03-30
    帖子:
    106
    赞:
    0
    你写CSS 的时候 要以 FIREFOX为标准

    不要以IE为标准

    -----------------
    事实有点不太可能。用户中用 IE 战友绝大多数。
     
  10. jeminy

    jeminy Member

    注册:
    2005-09-27
    帖子:
    975
    赞:
    13
    ..........................