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

可以这么布局么？

本帖由 artideo 于 2006-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:
     
    #1 artideo, 2006-03-25
  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>
     
    #2 gojorare, 2006-03-25
  3. artideo

    artideo New Member

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

    也不能使用绝对定位，上面的内容高度会变化的。
     
    #3 artideo, 2006-03-25
  4. gojorare

    gojorare New Member

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

    shangjay New Member

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

    不要以IE为标准。
     
    #5 shangjay, 2006-03-25
  6. artideo

    artideo New Member

    注册:
    2006-02-23
    帖子:
    5
    赞:
    0
    是啊，这次是领会到了。
    领会到IE是多么的垃圾。
    操！
     
    #6 artideo, 2006-03-26
  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>
     
    #7 Ulysses, 2006-03-27
  8. oicq我爱玩

    oicq我爱玩 New Member

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

    redfox New Member

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

    不要以IE为标准

    -----------------
    事实有点不太可能。用户中用 IE 战友绝大多数。
     
    #9 redfox, 2006-04-05
  10. jeminy

    jeminy Member

    注册:
    2005-09-27
    帖子:
    975
    赞:
    13
    ..........................
     
    #10 jeminy, 2006-04-06
(您必须注册并登陆后发新主题。)
Toggle Width
语言
简体中文