当前位置:编程学习 > html/css >>

dw排版时正常,预览时全部靠左,求高手指教。。用的div+css.但是好像没引用成功。下面是css和部分代码

#top { height: 60px; width: 1024px; margin: auto; } #daohang { margin: auto; height: 30px; width: 1024px; } #zhong { height: 500px; width: 1024px; margin: auto; } #root { height: 80px; width: 1024px; margin: auto; #zhong #left { float: left; height: 500px; width: 500px; } #zhong #left { float: left; height: 500px; width: 500px; } #zhong #right { float: right; height: 500px; width: 524px; } #zhong #left #shipin { float: left; height: 200px; width: 500px; } #zhong #left #xinxi1 { float: left; height: 300px; width: 500px; } #zhong #right #xinxi2 { float: right; height: 250px; width: 524px; background-color: #F2F4F3; } #zhong #right #xinxi2 li { background-color: #F2F4F3; background-image: url(image/24.jpg); background-repeat: no-repeat; } #zhong #right #xinxi3 { float: right; height: 250px; width: 524px; } #zhong #left #shipin #lanmu { float: left; height: 200px; width: 200px; } #zhong #left #shipin #flash5 { float: right; height: 200px; width: 300px; background-color: #F4F9F5; } #zhong #left #shipin #flash5 #zflash { float: right; height: 170px; width: 300px; } #zhong #left #shipin #flash5 #wenzi { background-color: #F4F9F5; margin-bottom: 0px; } #zhong #left #shipin #lanmu li { list-style-position: outside; list-style-image: none; list-style-type: none; font-size: 14px; background-image: url(image/24.jpg); background-repeat: no-repeat; background-color: #F4F9F5; height: 20px; } #zhong #left #xinxi1 li { background-color: #F4F9F5; background-image: url(image/24.jpg); background-repeat: no-repeat; height: 20px; list-style-position: outside; list-style-type: none; font-size: 14px; } #zhong #right #xinxi2 li { font-size: 14px; background-color: #F2F4F3; background-image: url(image/24.jpg); background-repeat: no-repeat; height: 20px; list-style-position: outside; list-style-image: none; list-style-type: none;<link href="css.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- --> </style> </head> <body> <div id="top"><img src="image/top.jpg" width="1024" height="60" /></div> <div id="daohang"><img src="image/daohang.jpg" width="1024" height="30" /></div> <div id="zhong"> <div id="left"> <div id="shipin"> <div id="lanmu"> <li> <div align="left"><img src="image/k3.JPG" width="200" height="45" /></div> </li> <li>五金激光打标加工设备</li> <li>个性图案设备雕琢方案 <li>标牌激光打标加工设备</li> <li>礼品激光打标加工设备</li> <li>铭牌激光打标加工设备</li> <li>零部件激光打标加工设备</li> <li>大型零部件激光打标措施</li> <li>个性图案设备雕琢方案</li> </li> </div> }
追问:预览全部靠左的原因是什么?是不是上面的代码错了?。。那上传上去以后。。浏览器会怎么看?谢谢加一句什么css代码?。。是代码错了,还是别的原因?。。为什么会这样?在哪里加?。。不加的话,,传上去浏览器看是不是也会乱掉?
答案:再加一句:body{text-aline:center;margin:0 auto;}
其他:你加一句css代码 或者把你写的css里面的margin属性都改成margin:0 auto; 你说的都靠左,能不能详细说一下?最好截张图上来看下 你是刚学的CSS?
有几个错误给你纠正一下.
1.margin:0 auto;居中不能就用一个auto来表达.
2.样式ID过多.一般最外层用一个ID.里面的都建议用class.也不是说不能用ID.ID主要是考虑到以后程序要用到.还有用CLASS的话可以在一个页面里反复使用.
3.取名一般建议不要用拼音.给人感觉不正规~~.去网站搜索一下专用样式.网上都有一个统一的样式的.便于别的人能看懂

4.代码尽量简化.能用一个层完成的,不加多余的层.

至于你提的问题.可能是居中收起的.样式没有引用的.查看一下层级关系.样式名要对牢.代码要仔细一点. 

上一个:CSS样式#featured>img { display: none; } ,这是什么写法,谁知道?为什么这么写,有什么好处
下一个:网页制作!PHP开发视频教程、XHTML网页基础教程、DEDECMS教程、DIV&CSS网页布局、织梦CS5、MYSQ先学什么啊

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,