Macromedia Dreamweaver 8网页对齐

Macromedia Dreamweaver 8网页有点偏 怎么设置对齐 整个网站
2025-04-07 16:50:27
推荐回答(1个)
回答1:

不要相信DW的视图呈现给你的样式!
一切效果以浏览器中的样式为准!
-------------------------------------------------------------------
1.标准元素对齐

上面的写法得保证你的页面!DOCTYPE版本是HTML1.0以上。
如:
xHTML1.0 Transitional:



HTML 4.01:


html 5

-------------------------------------------------------------------
2.特殊的对齐方式(IE5以下):


设置文档内容居中对齐,模块内容居左对齐。
-------------------------------------------------------------------
3.出现问题的原因:

出现页面偏移的原因有不少,大部分是内容的宽度不对造成的,

a.模块有宽度,里面的内容(如:图片太大)超出了元素的宽度:
a.1 给里面的元素设置固定宽度,
a.2给模块设置溢出属性

.....

b.上下文元素有浮动(float),没有清除浮动,导致元素偏离
这个需要理解float的用法,只说引起模块偏移的处理方法:
a.1 在偏移的模块上方添加一个空div:
,清除浮动
a.2 给本模块设置清除浮动属性
....


c.模块布局有问题:
一般页面设计遵循960grid(960栅格系统),当左右两列的宽度计算不够精确的时候容易引起模块错位,这时候只需要适当调整各模块的宽度即可。
注意:border,padding,都是被计算在模块的宽度中的,如:一个模块的必须使用200px的宽度,而你也设置了其内边距(paddind)和border,则如果让这个元素到200px的宽度必须这样计算:200-边距-边框,如:200-(10+10)-(1+1)=178;

-------------------------------------------------------------------
暂时想到这么多,还是那句话:不要相信DW展现给你的视觉效果,
不过,我认为,如果你能在DW中把页面排布的整整齐齐了也算是个高手了!