主题:  [内容排版]为何使用了Div,页面内容都自动变成竖排了?

Input

职务:普通成员
等级:1
金币:0.0
发贴:3
#12005/7/8 10:54:54
由于要将公司网站Table改成Div形式,所以准备重写,毕竟,改得太累.也不会改,一个不小心就出错了...于是手工重写...
但是在写开头的时候还正常.写到要横着排的时候就出问题了,不知道为什么,排列方式一直都是竖排,无法横着排列.后来加了个Css样式,有一个图片变正常了,原本还高兴,结果是输入后一张图片的时候,顺序又变成竖形的了...好郁闷哪..!~~Css和Html不是很熟悉..哪位帮忙看一下问题出错处!~~~~~~~~~~~~~~

********************************源代码如下*******************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0028)http://www.sxhighway.gov.cn/ -->
<HTML><HEAD><TITLE>陕西公路信息网</TITLE>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
<META content="" name=Author>
<META content="" name=Keywords>
<META content="" name=Description>
<META http-equiv=Content-Language content=zh-cn>
<META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK
href="陕西公路信息网.files/index_style.css" type=text/css rel=stylesheet>
<STYLE>BODY {
    FONT-SIZE: 9pt; MARGIN: 0px
}
TD {
    FONT-SIZE: 9pt; COLOR: #000000; LINE-HEIGHT: 17px
}
HTML {
    min-width: 774px
}
#bodyten {
    CLEAR: both; WIDTH: 774px; HEIGHT: auto
}
#tdhw{
    width:220px; height:100px;
}
#tdhw.hen {
    FLOAT: left; MARGIN: 5px 4px
}
#top_user{
    width:437; height:auto; background-color:#A1EE50; FLOAT: left;
}
#time1{
    align:middle; height:20; width:220px; float:left;
}
</STYLE>
</HEAD>

<body>
<!--导航开始--><div id="bodyten"><div id="tdhw" style="BACKGROUND-POSITION: 100% 50%; BACKGROUND-REPEAT: no-repeat"><img src="images/logo_bg.jpg"></div>
<!--时间go--><div id="time1" align="center"><SCRIPT language=javascript>
                var today=new Date()
                var month=today.getMonth()+1
                var todayday=today.getDay();
                if (todayday == 0) todayday = "星期天";
                if (todayday == 1) todayday = "星期一";
                if (todayday == 2) todayday = "星期二";
                if (todayday == 3) todayday = "星期三";
                if (todayday == 4) todayday = "星期四";
                if (todayday == 5) todayday = "星期五";
                if (todayday == 6) todayday = "星期六";

                document.write(today.getYear()+"年"+month+"月"+today.getDate()+"日&nbsp;"+todayday)
                </SCRIPT></div><!--时间End-->
                <div class="hen"><IMG height=24 alt=""
src="images/top_mail_left.jpg" width=8 border=0></div>
                 <div id="top_user" style="PADDING-TOP: 3px">dddddd</div>
</div><!--导航结束-->
</body>
</html>



不是高手

职务:普通成员
等级:3
金币:5.0
发贴:1352
#22005/7/8 11:20:36
走路没走好之前别学别人跑,你这样用DIV排版根本没什么必要嘛

为什么要用DIV排版,应该说为什么要用块元素排版?据说是为了符合XHTML规范,但是麻烦你先了解一下如何规范你的代码之后再来研究如何用块元素布局。

1.标签及属性请小写
2.DOCTYPE请改个正确的
3.属性值请麻烦加上双引号
4.独立标签后面请加格斜杠关闭一下
5.script和style 标签请加上type属性

如果你连这些起码的代码规范都不遵守,那改成什么DIV形式,根本就是一个毫无意义的工作!!!



Input

职务:普通成员
等级:1
金币:0.0
发贴:3
#32005/7/8 13:43:18
感谢....因为Script部分是直接Copy原来文件的...大写代码也是一样...我只写了<Div></Div>这类.其它都没写过...对于Html也不太懂!~~~~~