免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 1799 | 回复: 0
打印 上一主题 下一主题

用 dreamweaver 开发W3C标准的网页,无法所见即所得,真累呀 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2006-02-28 13:55 |只看该作者 |倒序浏览
下面的代码(一个网站上的例子)在 dreamweaver 中显示的很乱,在IE和FF中显示的很正常。建议大家少用div ,还是用 table 控制吧,下载慢就慢点吧。累死了。


  1. <head>
  2. <style type="text/css">
  3. body{
  4. background:#999;
  5. text-align:center;
  6. color: #333;
  7. font-family:arial,verdana,sans-serif;
  8. }
  9. #header{
  10. width:776px;
  11. margin-right: auto;
  12. margin-left: auto;
  13. padding: 0px;
  14. background: #EEE;
  15. height:60px;
  16. text-align:left;
  17. } #contain{
  18. margin-right: auto;
  19. margin-left: auto;
  20. width: 776px;
  21. } #mainbg{
  22. width:776px;
  23. padding: 0px;
  24. background: #60A179;
  25. float: left;
  26. }
  27. #right{
  28. float: right;
  29. margin: 2px 0px 2px 0px;
  30. padding:0px;
  31. width: 574px;
  32. background: #ccd2de;
  33. text-align:left;
  34. }
  35. #left{
  36. float: left;
  37. margin: 2px 2px 0px 0px;
  38. padding: 0px;
  39. background: #F2F3F7;
  40. width: 200px;
  41. text-align:left;
  42. }
  43. #footer{
  44. clear:both;
  45. width:776px;
  46. margin-right: auto;
  47. margin-left: auto;
  48. padding: 0px;
  49. background: #EEE;
  50. height:60px;}
  51. .text{margin:0px;padding:20px;}
  52. </style>
  53. </head>
  54. <body>
  55. <div id="header">header</div>
  56. <div id="contain">
  57. <div id="mainbg">
  58. <div id="right">
  59. <div
  60. class="text">right<p>1</p><p>1</p><p>1</p><p>1</p><p>1</p></div>
  61. </div>
  62. <div id="left">
  63. <div class="text">left</div>
  64. </div>
  65. </div>
  66. </div>
  67. <div id="footer">footer</div>
  68. </body>
复制代码
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP